Moodo Smart Fragrancies


HTML5, CSS3, jQuery, SVG-animation, Bootstrap, Responsive development, WordPress.

The hardest part – animated fragrance badges with the expanding descriptions. They must push the surrounding ones on opening, move the whole canvas aside and back and be responsive for mobile devices. Also live round text was used.

How moving badges in Our Fragrancies section were made, my comprehensive tutorial on CSS and jQuery animation: An Object Expands, Moves, Pushing Other Objects Around.

Leave a Reply

Your email address will not be published. Required fields are marked *