e2f16f96c2
This PR updates the docs for the following code change: - #41399 There are a few updates here: - [x] Update docs - [x] Update links to docs inside component - [x] Update examples - [x] Fix corner cases in codemod
48 lines
571 B
CSS
48 lines
571 B
CSS
.svg {
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
}
|
|
.arm {
|
|
transform-origin: 130px 106px;
|
|
}
|
|
|
|
.svg:hover .arm {
|
|
animation: wave 560ms ease-in-out;
|
|
}
|
|
|
|
@keyframes wave {
|
|
0% {
|
|
transform: rotate(0deg);
|
|
}
|
|
|
|
20% {
|
|
transform: rotate(-25deg);
|
|
}
|
|
|
|
40% {
|
|
transform: rotate(10deg);
|
|
}
|
|
|
|
60% {
|
|
transform: rotate(-25deg);
|
|
}
|
|
|
|
80% {
|
|
transform: rotate(10deg);
|
|
}
|
|
|
|
100% {
|
|
transform: rotate(0deg);
|
|
}
|
|
}
|
|
|
|
@media (max-width: 500px) {
|
|
.svg:hover .arm {
|
|
animation: none;
|
|
}
|
|
|
|
.svg:hover .arm {
|
|
animation: wave 560ms ease-in-out;
|
|
}
|
|
}
|