- Pens picked by the Editors of CodePen
CodePen, a community of front end folks focused on inspiration and education.
- Paperfold CSS | Demo Studio | Mozilla Developer Network
Schöner Effekt für ausgeblendete Dinge:
The plugin takes a dom element, slices it into parts and arranges them like a folded paper in 3d space.
- How to spice up your menu with CSS3 | Codrops
In today’s tip we’ll show you how to spice up your menu by adding a neat hover effect to it. The idea is to slide an image out to the right when hovering over a menu item.
- Creative CSS3 Animation Menus | Codrops
Being in the mood for experimenting with CSS3, I’d like to show you some creative menu hover effects in today’s tutorial. The idea is to have a simple composition of elements, an icon, a main title and a secondary title, that will be animated on hover using only CSS transitions and animations. We’ll be exploring some different effects for the elements.
- 3D Gallery with CSS3 and jQuery | Codrops
The main idea is to create a circular gallery where we have an image in the center and two on the sides. Since we are using perspective, the two lateral images will appear three dimensional when we rotate them.
stroll.js – because it scrolls, and trolls.
A collection of CSS list scroll effects.
- CSS3 breadcrumbs – RedTeamDesign
Einige Layout Ideen für Breadcrumbs.
- YouTube Popup Buttons | CSS-Tricks
Chris Coyier zeigt wie die schicken YouTube Buttons gemacht sind.
There is a certain style of button on the latest YouTube design where the default state of the button has a very subtle bevel to it, but on :hover and :focus states the button pops up, eager to be clicked.
- cdnjs – the missing cdn
AngularJS lets you extend HTML vocabulary for your application. The resulting environment is extraordinarily expressive, readable, and quick to develop.
- Peity • progressive <canvas> pie charts
Peity (sounds like deity) is a simple jQuery plugin that converts an element’s content into a simple <canvas> mini pie line or bar chart and is compatible with any browser that supports <canvas>: Chrome, Firefox, IE9+, Opera, Safari.
- CSS Hat turns Photoshop layer styles to CSS3 with a click – PSD CSS – Convert PSD to CSS3