HTML5 and CSS3 web development has pushed the boundaries of what is possible online. Modern browsers have also jumped aboard the bandwagon to support a multitude of these newer effects. As a designer I have been amazed to find crazy CSS-based projects online. Open source is driving the future of websites and how we design layouts.

In this gallery you’ll find 28 brilliant samples of CSS-only codes. Each of these snippets are free to download or copy into your own project. As the name suggests you won’t need to rely on JavaScript at all – even for complex stuff like animations! Take a peek at these examples and see if you can utilize any of the code in future work.

CSS3 Checkbox Styles

Pricing Table

Pure CSS Modal

Radio Boxes

Animated Map Marker

Loaders

Settings Panel

Amazing CSS Slider

Spinner with Fade

Parallax Scrolling

CSS Rating Stars

Floating Labels

Image Slider

Dashed CSS Shadow

Ecommerce Columns

Profile Box Widget

Stylish Ordered List

CSS Mega Menu

Logo Animation

Animated Checkboxes

Animated Progress Bar

Radial Menu

Expandable Search Field

CSS Scroll Bars

Framed Responsive Images

Eureka UI Kit

Flat CSS3 Buttons

Bootstrap 3 Form