CSS gradient border-image tricks
Before creating the experiment I didn't know that gradient borders with CSS is possible. I've tried for several times to apply gradients to borders without using images. So I made my last attempt and it was succesfull, I used border-image: and applied linear and radial gradients to it: border-image: -linear-gradient(color1, color2), if you use just border: -linear-gradient(color1, color2), it doesn't work. So it's possible to make gradient borders using border-image: -linear-gradient(color1, color2) and border-image: -radial-gradient(color1, color2). You can change border styles using percents and, repeat, strech and round values. That's it!
- Worm cycle
- Worm cycle V2
- Loader alternative for new browsers
- Infinite loaders (Haml & SASS)
- Simple preloader animation