A rather geeky/technical weblog, est. 2001, by Bramus
outline-offset
In this demo Kevin Powell created some buttons that — so it seems — have animated borders. The trick however, is that it’s not the borders but the outline that’s being animated. See the Pen Animating outlines by Kevin (@kevinpowell) on CodePen.
Recently, Stephanie Eckles sent out a call to revive the use of CSS border-image. Not to use it with images — which requires a pretty nasty syntax — but to create Gradient Borders in CSS. 🎉 Time to revive an old CSS property! When `border-image` was announced, I was off-put b/c the syntax was so …
When coding a responsive site, one uses percentage based widths on your content which involves a little bit of math, but it’s actually super basic and can be handled by anyone with basic addition and multiplication skills. Let’s say we want to add a border to our design. How do we do that? It turns …
Continue reading “Beating Borders: The Bane of Responsive Layout”