Lots of talented developers enjoy testing their ideas while pushing the current boundaries of CSS. Feel free to check out any of these awesome HTML and CSS code snippets and even copy them into your own projects.
Also be sure to check if there are any libraries included with each snippet, or if any CSS code has been compiled using SASS or LESS.
CSS Only Floated Labels
A CSS only approach to the floated labels UI pattern.
Password Input Field
Password strength validation with visibility toggle.
Fixed Angled Header
This pen shows how CSS pseudo-elements and transforms can be used to create a fixed, angled header with an image background.
Infinite Autoplay Carousel
Useful for startup landing pages where you need to display brand partners and other cool logos or whatever.
Input UI Animation
Simple Slide-Out Footer
HTML and CSS simple slide-out footer.
Input tags field, separate your tags with a comma.
HTML And CSS Fixed Footer
A quick example of a fixed footer.
Nice Input Box
Nice input box with a lot of styling based on sibling selectors and psuedo classes. CSS only.
Hover To Reveal Part Of Background Image
This is really simple demo. All what you need is div with background-attachment: fixed and change of left+top on mousemove.
Blog card with HTML and CSS.
A very minimal responsive blog card design.
Responsive Company Cards
Card design and switch view.
Animated Map Marker
This map marker drops in like the iOS pin icon and continues to animate an outward ripple effect.