Animation

The tutorials in this archive enable you to use PHP code and/or CSS to animate elements in Genesis child themes. The code is guaranteed to work as shown in the demo images and videos. Installation of all code as well as support for PHP code is provided/included for members.

Countdown Timer For Genesis

This jQuery countdown timer can be added anywhere in any Genesis or WordPress child theme. It generates a live countdown in days, hours,

Blinking Dot Animation

This code adds a blinking dot before the title in a responsive text box like you see in this animated gif. The blinking dot, displays

Animate Elements In Grid Columns

This tutorial contains the code which enables you to display images and text in a 3 columns grid and animate the images. The images on page

Typewriter Text Effect In Genesis

This solution uses pure CSS to add a typewriter effect to your text. The code enables you to set the speed and number of steps for typing

How To Install Animate CSS Animations Using jQuery

This tutorial provides the code which enables you to install and use Animate CSS using jQuery. You can use animate simply by adding

jQuery Number Animation – Counter To Count Up To A Target Number

This code enables you to display exactly what you see in the following image: It creates a fun counter or in this example, a row of 4