Dashed Border Icon Animations
CSS icon animations success, warning and danger. Simple and clean icon animations.
Made with: HTML,CSS
Magic Border Mixin
Magic border on hover, two styles: standard border and mask border (allows gradients etc).
Made with: HTML,CSS (SCSS)
Animating Border-Radius
mix-blend-mode: luminosity & animating border-radius on CSS. Resize the container to see how the color of the shapes and text in the block changes.
Made with: HTML (Pug),CSS (SCSS)
Css Only Border Animation
CSS-only border animation on hover. It needs a solid background in order to work.
Made with: HTML (Pug),CSS (SCSS)
Button Border Slide Mixin
A Sass mixin for a link animation where the border slides around the link on hover.
Made with: HTML,CSS (SCSS)
Draw Borders From Center
Draw borders from the center of the box using psudo elements.
Made with: HTML,CSS
Border Composition And Animation
Show staggered border composition without resorting to empty elements and using multiple backgrounds instead.
Made with: HTML,CSS
