Filter Functionality with CSS3
By Mary Lou on
Using the general sibling combinator and the :checked pseudo-class, we can toggle states of other elements by checking a checkbox or a radio button. In this tutorial ...
animation
Fullscreen Background Image Slideshow with CSS3
By Mary Lou on
Happy new year, everybody! Today we will create a CSS-only fullscreen background image slideshow. We'll create different image transitions and also make a title appe ...
CSS3 Lightbox
By Mary Lou on
Today we want to show you how to create a neat lightbox effect using only CSS. The idea is to have some thumbnails that are clickable, and once clicked, the respecti ...
Experimental CSS3 Animations for Image Transitions
By Pedro Botelho on
Today we want to share some experimental 3D image transitions with you that use CSS3 animations and jQuery. We'll be using CSS3 3D Transforms for Webkit only. ...
Splash and Coming Soon Page Effects with CSS3
By Mary Lou on
CSS3 opens up so many crazy possibilities and today we want to show you how to go wild with splash and coming soon page effects using CSS3 animations. We'll experime ...
Animated Buttons with CSS3
By Mary Lou on
Still hyped by the possibilities of CSS3, I want to share some CSS3 button experiments with you. The idea is to create some animated link elements with different sty ...
Original Hover Effects with CSS3
By Alessio Atzeni on
The power of CSS3 is enormous and in this tutorial we will see how to exploit it in a very creative way. We are going to create some thumbnail hover effects with CSS ...
Creative CSS3 Animation Menus
By Mary Lou on
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 ...
Animated Text and Icon Menu with jQuery
By Mary Lou on
Today we want to show you how to create a slick menu with a nice animation feature on hover. The idea is to make some elements slide out, change and animate the back ...
Animated Form Switching with jQuery
By Mary Lou on
In this tutorial we will create a simple animated form switch with three very common forms. The idea is not to leave the page when the user ...
Merging Image Boxes with jQuery
By Mary Lou on
Today we will show you a nice effect for images with jQuery. The idea is to have a set of rotated thumbnails that, once clicked, animate to ...
Custom Animation Banner with jQuery
By Mary Lou on
In today’s tutorial we will be creating a custom animation banner with jQuery. The idea is to have different elements in a banner that ...
Beautiful Background Image Navigation with jQuery
By Mary Lou on
In this tutorial we are going to create a beautiful navigation that has a background image slide effect. The main idea is to have three list ...
Day and Night: Creating a Scenery Animation with jQuery and CSS
By Mary Lou on
In today’s tutorial I am going to show you, how to create an amazing animated scenery with just a few lines of jQuery and some absolut ...