O'Reilly logo

Mastering Magento Theme Design by Andrea Saccà

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

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

Introducing CSS3 transitions

With CSS3, we can add an effect that allows you to change theme from one style to another without using Flash animations or JavaScripts. As you know, Flash ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required