Some interesting changes to the css style box-shadow, built-in gif dynamic
# {
Height: 110px;
Width: 110px;
Margin: 50px;
Background-color: # FF0000;
Transition-duration: 1 s;
}
# A: hover {
Height: 30px;
Width: 30px;
Margin: 50px;
Box-shadow: 40px 40px 0px # FF0000, 0px 40px 0px 0px # FF0000, 40px 0px 0px # FF0000,
80px 0px 0px 0px # FF0000, 0px 80px 0px 0px # FF0000, 40px 80px 0px 0px # FF0000,
80px 40px 0px 0px # FF0000, 80px 80px 0px 0px # FF0000
}
# S {
Height: 10px;
Width: 50px;
Margin: 100px 50px;
Background-color: #00FF77;
Transition-duration: 1 s;
}
# S: hover {
Box-shadow: 0px 20px 0px 0px #00FF77, 0px-20px 0px 0px #00FF77;
}
# H {
Height: 100px;
Width: 100px;
Margin: 10px 50px;
Background-color: #000000;
Border: 10px solid # FF0000;
Transition-duration: 1 s;
}
# H: hover {
Height: 100px;
Width: 100px;
Margin: 10px 50px;
Background-color: # FF0000;
Border: 10px solid #00 FFFF;
Border-radius: 70px;
}