90 Animated Backgrounds

Animate Your Tables

With Animated Borders

3-Color Animations

Sliders 1

  Actual Size =  

This is Style "R-A"

Gallery 1

 1 

 

2

I don't want instructions.

Show me animations.

Instructions

How To Do It

Step 1: Use an animation as a background in a table (table #1).

 

This is Style "R-B"

 Step 2: Create table #2 with any number of cells.

 Paste table #2 into table #1.  

Save Money

Save Time

Save Whales

Play All Day

Party Hardy

Celebrate Tonight

 

Save Money

Save Time

Save Whales

Play All Day

Party Hardy

Celebrate Tonight

 

Save Money

Save Time

Save Whales

Play All Day

Party Hardy

Celebrate Tonight

Step 3: The amount of "cell spacing" in table #2

 determines the "visible amount" of animation. 

 Use CSS to set the amount of cell spacing.

Cell spacing = 3

 

 Cell spacing = 5

 

 Cell spacing = 8

 
 
 
 
 
 
 
 

Cell spacing = 1

 

 Cell spacing = 2

Tiny

 

Your Words

 

 

 

Click on Style Names to View and Download

The icons are displayed at Quadruple actual size.

S-A

 

S-B

 

S-C

 

S-D

 

S-E

 

S-F

                     

S-G

 

S-H

 

S-J

 

S-K

 

S-L

 

S-M

                     

B-A

 

B-B

 

B-C

 

B-D

 

B-E

 

B-F

                     

B-G

 

B-H

 

B-J

 

B-K

 

B-L

 

B-M

                     

R-A

 

R-B

 

R-C

 

R-D

 

R-E

 

R-F

                     

R-G

 

R-H

 

R-J

 

R-K

 

R-L

 

R-M

                     

C-A

 

C-B

 

C-C

 

C-D

 

C-E

 

C-F

                     

C-G

 

C-H

 

C-J

 

C-K

 

C-L

 

Empty

                   

A-A

 

A-B

 

A-C

 

A-D

 

A-E

 

A-F

                     

A-G

 

A-H

 

A-J

 

A-K

 

A-L

 

A-M

                     

T-A

 

T-B

 

T-C

 

T-D

 

T-E

 

T-F

                     

T-G

 

T-H

 

T-J

 

T-K

 

T-L

 

T-M

                     

 

Gallery 1

 1 

 

2

 

Find Anything in a Hurry

Use the "Main Menu" Below