Framed <Div> On Hover

11.01.2021

CSS only framed div on hover.

Made with: HTML (Pug),CSS (Stylus)

View Code

PlaceholderFramed <Div> On Hover

Fancy Border Radius Css

5.01.2021

Made with: HTML,CSS

View Code

PlaceholderFancy Border Radius Css

Framed

13.05.2020

Made with: HTML,CSS

View Code

PlaceholderFramed

Dashed Border Icon Animations

3.03.2020

CSS icon animations success, warning and danger. Simple and clean icon animations.

Made with: HTML,CSS

View Code

PlaceholderDashed Border Icon Animations

Fancy Animated Rainbow Border

22.02.2020

Made with: HTML (Pug),CSS (SCSS)

View Code

PlaceholderFancy Animated Rainbow Border

Magic Border Mixin

12.02.2020

Magic border on hover, two styles: standard border and mask border (allows gradients etc).

Made with: HTML,CSS (SCSS)

View Code

PlaceholderMagic Border Mixin

Gradient Border

2.12.2019

Made with: HTML,CSS (SCSS)

View Code

Gradient Border

Fancy Border Radius

4.10.2019

Made with: HTML,CSS (SCSS)

View Code

PlaceholderFancy Border Radius

Css Border

16.09.2019

Animated CSS border (using an SVG).

Made with: HTML,CSS (SCSS)

View Code

PlaceholderCss Border

Rotating Border

28.04.2019

Rainbow rotating border in HTML and CSS.

Made with: HTML,CSS (SCSS)

View Code

PlaceholderRotating Border

Gold Border Shimmer

1.02.2019

Made with: HTML,CSS

View Code

PlaceholderGold Border Shimmer

Animating Border-Radius

28.01.2019

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)

View Code

PlaceholderAnimating Border-Radius

Border Animation

20.01.2019

Border animation using clip-path.

Made with: HTML,CSS

View Code

PlaceholderBorder Animation

Animating Border-Radius

13.10.2018

Made with: HTML,CSS (Stylus)

View Code

PlaceholderAnimating Border-Radius

Border Animation Css

6.08.2018

Pure CSS border animation.

Made with: HTML,CSS

View Code

Border Animation Css

Stripe Border

24.04.2018

Diagonal stripe border effects in pure CSS.

Made with: HTML,CSS

View Code

PlaceholderStripe Border

Css Only Border Animation

10.04.2018

CSS-only border animation on hover. It needs a solid background in order to work.

Made with: HTML (Pug),CSS (SCSS)

View Code

PlaceholderCss Only Border Animation

Button Border Slide Mixin

5.07.2017

A Sass mixin for a link animation where the border slides around the link on hover.

Made with: HTML,CSS (SCSS)

View Code

Button Border Slide Mixin

Draw Borders From Center

12.01.2017

Draw borders from the center of the box using psudo elements.

Made with: HTML,CSS

View Code

Draw Borders From Center

Border Composition And Animation

27.07.2016

Show staggered border composition without resorting to empty elements and using multiple backgrounds instead.

Made with: HTML,CSS

View Code

Border Composition And Animation