Image
Animation transform-rotate
hover
animation-direction reverse
Animation transform-rotate
hover
animation-direction reverse
Image
Animation flip
Iteration count 0
hover
animation-iteration-count 3
Animation flip
Iteration count 0
hover
animation-iteration-count 3
Image
Animation transform-rotate
hover
animation-name flip
Animation transform-rotate
hover
animation-name flip
BACKGROUND
BACKGROUND
Layer
hover
transform-3d
translate X 50
translate Y 70
hover
transform-3d
translate X 50
translate Y 70
BACKGROUND BACKGROUND
Text
hover
padding-left 20
padding-top 20
background-color YELLOW
border dashed
hover
padding-left 20
padding-top 20
background-color YELLOW
border dashed
Layer
hover
background-color YELLOW
border-width 5
border-color ORANGE
border-bottom-color BROWN
border-bottom-width 10
hover
background-color YELLOW
border-width 5
border-color ORANGE
border-bottom-color BROWN
border-bottom-width 10
Layer
hover
opacity 0.3
hover
opacity 0.3
Layer
hover
background TRANSPARENT
hover
background TRANSPARENT
Layer
hover
opacity 0
hover
opacity 0
Layer
hover
transform-3d
scale X 0.5
scale Y 1.5
hover
transform-3d
scale X 0.5
scale Y 1.5
Layer
hover
transform-3d
rotate-Z 20
hover
transform-3d
rotate-Z 20
Layer
hover
transform-3d
rotate 180
hover
transform-3d
rotate 180
Layer
hover
transform-3d
rotate-Y 180
hover
transform-3d
rotate-Y 180
Layer
hover
transform
skew X 5
skew Y 5
hover
transform
skew X 5
skew Y 5
Layer
default
transform
skew X 5
skew Y 5
hover
transform
skew X 0
skew Y 0
default
transform
skew X 5
skew Y 5
hover
transform
skew X 0
skew Y 0
Text
hover
text-shadow 3px 3px 5px #000000
hover
text-shadow 3px 3px 5px #000000
Layer
hover
box-shadow 6px 6px 12px #444444
hover
box-shadow 6px 6px 12px #444444
Text (font-size 10)
hover
font-size 30
hover
font-size 30
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet.
Duis sagittis ipsum. Praesent mauris. Fusce nec tellus sed augue semper porta. Mauris massa.
Vestibulum lacinia arcu eget nulla. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Curabitur sodales ligula in libero.
Text
default
text-shadow 3px 3px 5px #000000
hover
text-shadow 0px 0px 0px #000000
default
text-shadow 3px 3px 5px #000000
hover
text-shadow 0px 0px 0px #000000
Text
hover
font-weight bold
hover
font-weight bold
Text
hover
letter-spacing 8
hover
letter-spacing 8
Text
hover
margin-top 20
margin-left 20
hover
margin-top 20
margin-left 20
Text
hover
max-height 40
max-width 40
hover
max-height 40
max-width 40
Layer
hover
transform-3d
rotate-Z 720
hover
transform-3d
rotate-Z 720
Layer
active (mousedown)
transform-3d
translate X 50
translate Y 70
active (mousedown)
transform-3d
translate X 50
translate Y 70
Text
hover
transform
scale X 2.0
scale Y 2.0
hover
transform
scale X 2.0
scale Y 2.0
Text
hover
min-height 150
min-width 120
hover
min-height 150
min-width 120
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet.
