Chapter 4. Adding Incredible Effects to Our Theme

In this chapter, we are going to add some lovely animations to the theme to give the end users of the site a better user experience. We will learn how to create a dropdown cart in the header and how to insert jQuery animations and CSS3 transitions.

The following topics will be covered in this chapter:

• Introducing CSS3 transitions

• Creating an animated cart in the header

• Creating a stunning CSS3 3D flip animation

• Creating a custom product images gallery

• Adding custom fonts to our theme

• Adding a custom icon font to our theme