16 results found for "transform"
Behind the scenes: CSS-only Clock
I like to create little experiments on Codepen.io and I get a lot of questions about how I made certain elements or effects. In a series of "behind the scenes" I try to dissect a few interesting pens. In this first episode I'll show you how I made the CSS-only clock with the single element clock face.
New interactive demo's
I've added some awesome new functionality to this website which enables me to make inline interactive demo's.
Pure CSS Chrome Logo
And there's another pure CSS logo. Now I found a challenge in the Chrome logo. The challenge was in the shading and overlapping of the three colored parts in the logo.
CSS only version of the NBC logo
And another adition to the CSS logo gallery with the NBC logo in pure CSS. This version has a little twist. Open the demo and hover over the logo with your mouse!
How to create 3D links rolling on hover
This article shows you how to make a nice 3D rolling link effect.
The awesome internet (week 46)
I've skipped one week because I had a very nasty flu, but The Awesome Internet is back with another roundup of coolness!
Free CSS3 iPhone icon
With no apparent reason I created these iPhone icons in pure CSS with no extra markup. Crab the code and do something cool with them!
10 essential tools and websites for frontend developers
In this article I will show you 10 tools and websites which are essential for a frontend developer to have and master.
Android robot in 100% pure CSS
The Android robot is a cool logo made of fairly simple shapes. My challenge was to recreate the logo with pure CSS and as less HTML as possible.
Rotating 3D CSS cube
When exploring the CSS3 transform- and transition possibilities, I created these rotating cubes. With plain color, semi-transparent and one with textures. Only one image is used as texture for the crate, but the rest is pure CSS!
Pure CSS ribbon effect
Another great effect of Joshua Hibbert. A pure CSS ribbon menu. Awesome!
Tucked Corners by Joshua N Hibbert
While browsing for inspiration I stumbled over this nice effect by Joshua N Hibbert.
Repeatedly copy and transform a selection in Photoshop
In this tutorial you'll learn how to repeatedly copy and transform a selection in Photoshop. You can use this to create the dashes in a clock for example.
Graffiti with Photoshop
Your own logo on any random wall in just 8 easy steps! No knowledge of photoshop required!
Creating great shadows in Photoshop
This is a tutorial on creating great shadows in Photoshop
How to create a WEB 2.0 style logo
In this tutorial, you'll learn how to create a fancy WEB 2.0 style logo.