Here is a nice background image that might be useful in your design. It’s a bokeh image from Divya Manian, who has created this fabulous decorative background using CSS3. Her reference to the bokeh image’s characteristics are as follows: Circles are close to each other and should be in groups with each group having same [...]
Here’s a nice creation by Janko that mimics a Youtube-like adaptable change view feature. This lets you switch between normal mode and wide mode making it expand or shrink the movie area. Although it changes view, all the information still remains accessible. In simulating the structure, five sections are defined – content, comments, sidebar and [...]
Eric Hoffman demonstrates how you can create a vertical navigation using only CSS3 and without any images. The idea of this cool navigation is when you hover over the circle icon, it expands, displaying some descriptions about the menu. Be reminded though that it has been tested using Webkit browsers such as Safari and Chrome [...]
There are many CSS3 buttons techniques out there to choose from and developers nowadays supplement basic CSS3 properties with animation. One cool CSS3 button I’ve discovered is this fancy 3D button by simonpicos. It is a simple button with a clever use of box shadows and transition animation so it would look as if it’s [...]
Web developer Mary Lou shows a great tutorial on how you can create animated buttons with CSS3. The idea here is to have different styles with hover effects and active states. You can check out her tutorial with live demo and downloadable source by clicking the image. Incoming search terms for the article: [...]
Created by a web developer in the Philippines, here’s a great navigation menu tutorial that uses only CSS. View the DEMO, then click on the image to see how it is done. Incoming search terms for the article: create a slick menu using css3 slick menu using css3 css slick menu slick menu slick menu [...]
In creating animated transitions, Javascript has always been implemented but German web designer Heiko Stiegert has made it using only CSS. You can do this by using CSS3 pseudo-class :target and negation pseudo-class :not () properties together with CSS3 Transition Module. Get the DEMO here. Check out his tutorial on building an accordion image gallery [...]
Here’s an awesome CSS3 animation effect by Peter Magenheimer. It’s an animated pixel font that is created with 100% pure CSS3, no Javascript or images! The animation is activated by simply hovering your mouse cursor over a letter. By doing so, a number of pixel elements come in and gather on a specific area of [...]
Today’s featured CSS tutorial comes from a web designer and developer who goes by the name of Luky VJ, and the aforementioned tutorial is about creating a rotating menu. If you find the design kind of familiar it’s because it is actually a modified version of the menu from CSS3Create. You can find the CODE [...]
It’s impressive how some single-page websites are designed, particularly in the way they transition from one section of the page to the next. Most of these effects are done with the use JavaScript and Sergio Camalich shows us that we can accomplish pretty much the same feat with his CSS3 tutorial. Click on the image [...]
0
510
