PFold: Paper-Like Unfolding Effect | Codrops A highly experimental jQuery plugin that let’s you unfold elements to reveal more content just like on a piece of paper. Unfolding directions and number of steps can be specified. VIEW DEMO DOWNLOAD SOURCE PFold is a very experimental jQuery plugin that makes it possible to open elements in a paper-like unfolding…
Tag: css
Custom Login Form Styling | Codrops
Custom Login Form Styling | Codrops VIEW DEMO DOWNLOAD SOURCE Hi guys! I’m back with another CSS tutorial! After button switches and drop-down lists, let’s create some forms. In particular, we will be creating login forms.Nowadays, almost every web service, application, game etc. allows (or even requires) user subscription, which means they all need some kind…
Create 3D and Space Efficient Menu with Meny | Web Resources | WebAppers
Create 3D and Space Efficient Menu with Meny | Web Resources | WebAppers Meny is a three dimensional and space efficient menu. Meny works best in browsers with support for CSS 3D transforms, although it falls back on 2D animation for older browsers. Supports touch events for mobile devices. Meny requires two HTML elements to work: a…
What the Heck Is CSS Specificity? | Design Shack
What the Heck Is CSS Specificity? | Design Shack CSS specificity is a topic that many new front end coders avoid for as long as possible. It sounds complicated, there are all of these rules, you might even have to do some math! How lame is that? Ultimately, you can only avoid it for so…
Windy: A Plugin for Swift Content Navigation | Codrops
Windy: A Plugin for Swift Content Navigation | Codrops VIEW DEMO DOWNLOAD SOURCE Windy is a jQuery plugin that allows a rapid navigation through a pile of items using some CSS 3D transforms and transitions. The effect of a continuous navigation flow reminds of a deck of cards or sheets flying away, hence the name. This…
Stu Nicholls | CSSplay | Tooltips version 3 for iPad etc.
Stu Nicholls | CSSplay | Tooltips version 3 for iPad etc. Tool Tips on inline text and links For PC and Mac – IE9+, Firefox, Chrome, Safari, Opera, iPad, iPhone and iPod Touch
Vertical Showcase Slider with jQuery and CSS Transitions | Codrops
Vertical Showcase Slider with jQuery and CSS Transitions | Codrops A tutorial on how to create a responsive vertical fullscreen slider that moves its sections in opposite directions. We’ll be using jQuery, CSS Transitions and media queries to make the layout adaptive. VIEW DEMO DOWNLOAD SOURCE In this tutorial we will create a very simplistic and…
Stu Nicholls | CSSplay | STU’slide version #2
Stu Nicholls | CSSplay | STU’slide version #2 A multi function slideshow with permanent image changes suitable forPC – IE9+, Firefox, Chrome, Safari, OperaMac – Safari, Firefox etc.Safari-Mobile iPad, iPhone and iPod Touch. This slideshow is based on my earlier slideshow but with a different interface. I have dropped the auto-run feature and replaced the single line…
3D Restaurant Menu Concept | Codrops
3D Restaurant Menu Concept | Codrops A responsive 3D menu concept for a restaurant website. The idea is to show the menu as a folded flyer and unfold it in order to show the menu items. VIEW DEMO DOWNLOAD SOURCE
23 Useful And Fresh CSS3 Tutorials – DzineBlog.com
23 Useful And Fresh CSS3 Tutorials – DzineBlog.com In this post we have collected some useful and fresh CSS3 tutorials for developers and designers. If you like these CSS3 tutorials you might also want to check out our previous posts below.