css Archive

input-effects

Input Focus Effects with CSS

This is a tutorial to create inspirational input focus effects using css3 and jQuery.In this tutorial, you see animated input border effect, animated background effect and animated placeholder effects on focus. And you can also see placeholder move as a label on …
free font css

Orkney – Open Source Typeface

Orkney is a geometric typeface designed and conceptualised by Samuel Oakes and Alfredo Marco Pradil. The goal in creating the typeface was to have a unique yet functional typeface that can be used for a wide variety of projects on print or …
tooltip css

Balloon.css – Pure CSS Tooltips

Balloon.css lets you add tooltips to elements without JavaScript and in just a few lines of CSS.You can also add any HTML special character to your tooltips, or even use third-party Icon fonts: Balloon.css make use of pseudo-elements thus self-closing elements such …
advanced-search-featured

Advanced Search Form With CSS and jQuery

This is a search form with advanced filtering options and quick link suggestions.It’s been created by Codyhouse.co A search box is an absolute must on content heavy sites. It plays a crucial role. While most designers don’t forget to implement a search …
Cinema-Seat-Preview-Experiment-With-CSS

Cinema Seat Preview Experiment With CSS

This is an experimental demo where a 3D perspective preview is shown for a selected seat in a cinema room.It’s created by Codrops. Shortly, it’s a kind of “realistic” preview of the seat, i.e. see the stage or screen from the perspective …