An Introduction to CSS Shapes
By Tania Rascia on
CSS Shapes allow us to make interesting and unique layouts by defining geometric shapes, images, and gradients that text content can flow around. Learn how to use th ...
circle
Elastic Circle Slideshow
By Mary Lou on
A very simple content slideshow with circular slides and an elastic, bouncy navigation effect. Inspired by the Dribbble shot "Mobile Commerce Interface" by Bilal Mec ...
Circle Hover Effects with CSS Transitions
By Mary Lou on
A tutorial about how to create different interesting hover effects on circles with CSS transitions and 3D rotations. ...
3D Flipping Circle with CSS3 and jQuery
By Mary Lou on
In this tutorial we will create a circle with a handle which will open once the little handle is clicked, creating a realistic 3D flipping effect with the help of CS ...
Lateral On-Scroll Sliding with jQuery
By Mary Lou on
After getting the request, we are going to show you how to create a "slide-in on scroll" effect. You've probably seen this cool effect on some websites, like on Nizo ...
Hover and Click Trigger for Circular Elements with jQuery
By Mary Lou on
Today we want to share one possible solution to the circle hovering problem. We'll create a plugin that will take care of the 'mouseenter', 'mouseleave' and 'click' ...
Circle Navigation Effect with CSS3
By Mary Lou on
Today we want to show you how to create a beautiful hover effect for an image navigation using CSS3. The idea is to expand a circular navigation with an arrow and ma ...
Bubbleriffic Image Gallery with jQuery
By Mary Lou on
In this tutorial we will create a bubbly image gallery that shows your images in a unique way. The idea is to show the thumbnails of albums ...
Stunning Circular Motion Effect with jQuery
By Mary Lou on
Today we are going to create a stunning circular motion effect with jQuery. We will be using the jQuery.path plugin to animate a circular mo ...