Web Design Inspiration - HTML and CSS Snippets
- 54
Nixie Tube / Cold Cathode Display Random Number Generator
If you want to showcase a Nixie Tube / Cold Cathode Display inspired content on your site, have a look at this snippet by Kent Nguyen, it displays a random number every few seconds. ... - 54
Split Word Roll Up & Down Effect on Hover
This is a cool effect that can be applied to links and in this snippet, it’s shown as a navigation menu. The menu items are two words and each word is in a different colour, on hover the words move in different dir ... - 57
Circular Navigation Menu
A striking navigation menu that has the links in a circular fashion. On hover, the background colour changes as well. It was designed by Rachel Smith ... - 64
SVG Animation for Carousel Indicators
With this snippet, you can add some pretty animation to the carousel indicator on the image gallery. You morph circular SVG line into a straight line and morphs back into circle SVG. There are 2 modes vertical and horizo ... - 65
Switch Color on Hover Effect for Links
With this CSS only snippet, you can add a fade effect to your links. With this snippet when you hover over links they will fade into a different colour slowly as opposed to immediately switching the colour. ... - 123
Fluent Design Stacking Card UI
A fluent design inspired stacking card UI designed in pure CSS. When you click on the next arrow, the card on top is moved to the right and then stacks below the new card. ...