21 Code Samples

CSS Social Ribbons

A different approach to show social icons in your website.

rpjs

1870

Bootstrap Accordion With Icon

Example of accordion menu with icons using bootstrap to achieve slide in and out effect.

rpjs

1519

NavBar Rounded Corner

Example of a navbar menu using rounded corners. Rounded corners can be achieved using the border-radius property.

rpjs

1646

Simple Search Bar

Example of a simple search bar that can be used in your projects.

rpjs

1360

Animated 404 Error Page

Example of an animated 404 error page.

rpjs

1159

Diagonal Lines using CSS

Diagonal Line Pattern made by only html/css. This is created using linear-gradient as the background of the body tag. It can also be implemented on a div if you want to use this pattern on a selected area only. The main key here is the background-size property which decides the thickness of the diagonal lines and this can be very helpful in creating different types of patterns.

Found this code at cssdeck by chocolatina, thought it might be useful.

rpjs

1488