Suppressions de l'image en arrière plan pour un dégradé, et ajout d'un
effet sur les stickets
This commit is contained in:
parent
5245eb1aae
commit
edf5df6c16
2 changed files with 29 additions and 5 deletions
22
css/drag.css
22
css/drag.css
|
|
@ -17,6 +17,28 @@ main img.draggable {
|
|||
filter: drop-shadow(5px 3px 2px #000000b7);
|
||||
}
|
||||
|
||||
.draggable:hover {
|
||||
/* Start the shake animation and make the animation last for 0.5 seconds */
|
||||
animation: shake 3s;
|
||||
|
||||
/* When the animation is finished, start again */
|
||||
animation-iteration-count: infinite;
|
||||
}
|
||||
|
||||
@keyframes shake {
|
||||
0% { transform: translate(1px, 1px) rotate(0deg); }
|
||||
10% { transform: translate(-1px, -2px) rotate(-1deg); }
|
||||
20% { transform: translate(-2px, 0px) rotate(1deg); }
|
||||
30% { transform: translate(2px, 2px) rotate(0deg); }
|
||||
40% { transform: translate(1px, -1px) rotate(1deg); }
|
||||
50% { transform: translate(-1px, 2px) rotate(-1deg); }
|
||||
60% { transform: translate(-3px, 1px) rotate(0deg); }
|
||||
70% { transform: translate(2px, 1px) rotate(-1deg); }
|
||||
80% { transform: translate(-1px, -1px) rotate(1deg); }
|
||||
90% { transform: translate(1px, 2px) rotate(0deg); }
|
||||
100% { transform: translate(1px, -2px) rotate(-1deg); }
|
||||
}
|
||||
|
||||
span.draggable {
|
||||
display: inline-block;
|
||||
/* text-shadow: 1px 1px black, 0px 1px black, -1px 0px black, -1px -1px black; */
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue