Jun 23, 2012 |
In
CSS, jQuery, Tutorials |
By: Design Lunatic
CSS3 offers many exciting new opportunities for web designers looking to spice up their webpages, but one of the most interesting ones are the 3D transforms. Objects on the page can be manipulated in 3D space. In this tutorial, we’ll make an image gallery that utilizes 3D transforms to make things a bit more interesting.
Mar 27, 2012 |
In
CSS, Tutorials |
By: Design Lunatic
Today, I’ll be showing how to create an awesome CSS3 hover effect that is normally done with javascript. This one is particularly useful for masonry layouts and image galleries.
Mar 17, 2012 |
In
CSS, Tutorials |
By: Design Lunatic
Today, I’ll be teaching you how to create a CSS3-only lavalamp menu. This menu will behave much like This jquery powered one, except for the keyboard control. Lavalamp menus are a unique way to add some creativity to your site, and if said menu is made with only CSS3 – that’s pretty cool.
Feb 29, 2012 |
In
CSS, Tutorials |
By: Design Lunatic
Today, I’ll show how to style checkboxes and radio buttons in web forms with CSS3. Nowadays in web design, almost everything can be controlled with only CSS. This tutorial will allow you to further customize your web pages.
Feb 02, 2012 |
In
CSS, Tutorials |
By: Design Lunatic
I’m sure many of you have heard of CSS3, the newest version of CSS that is still being actively developed. One of the most exciting parts of CSS3 is the new transforms module, which allows developers to animate and manipulate elements on the page without resorting to the use of javascript.
Oct 20, 2011 |
In
CSS, Tutorials |
By: Design Lunatic
A featured posts widget is a great thing to have at the top of your site, because it’s a wonderful way to add some interactivity to your site. And if this “featured posts widget” is done in CSS3… well, I don’t think it’s even necessary to say how awesome that is.
Oct 11, 2011 |
In
CSS, Tutorials |
By: Design Lunatic
In this tutorial, I’ll teach you how to create an impressive hover effect, which works great for when you have a box with text inside it. You’ll see what I mean in a moment.
Oct 07, 2011 |
In
CSS, Tutorials |
By: Design Lunatic
Today, I’ll be showing how to make a CSS3 image gallery. That’s right, CSS3. I’ve said this before, and I’ll say it again: I love CSS3. So, the gallery has thumbnails that resize on hover, and a main image that changes depending on what thumbnail was clicked.
Sep 29, 2011 |
In
CSS, Lists |
By: Design Lunatic
CSS3 is an amazing new way to simplify site building. From rounded corners to easy gradients, CSS3 has you covered. In this post, I’ll share some of the best CSS3 generators out there right now.
Sep 25, 2011 |
In
CSS, Tutorials |
By: Design Lunatic
I think CSS3 is amazing. With that thought in mind, I’ll explain how to create an interesting image hover effect that’s usually made in Javascript, in CSS3.