animate contact
This commit is contained in:
@@ -29,3 +29,40 @@
|
||||
visibility: hidden;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes translateright{
|
||||
0%{
|
||||
right: -50px;
|
||||
color: transparent;
|
||||
display: none;
|
||||
}
|
||||
|
||||
30%{
|
||||
right: 150px;
|
||||
color: transparent;
|
||||
display: block;
|
||||
}
|
||||
|
||||
100%{
|
||||
right: 200px;
|
||||
color: white;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes translateleft{
|
||||
0%{
|
||||
right: 200px;
|
||||
color: white;
|
||||
display: block;
|
||||
}
|
||||
30%{
|
||||
right: 150px;
|
||||
color: transparent;
|
||||
}
|
||||
|
||||
100%{
|
||||
right: -200px;
|
||||
color: transparent;
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user