Open albertparson opened 6 years ago
could you try posting your code on here? i could take a look at it and help troubleshoot!
How does one do that lol
just copy and paste it into this thread and it should work!
It actually started working I just needed to position my shape class over the keyframes
.shape {
width: 150px;
height: 150px;
position: absolute;
top: 20%;
right: 40%;
background: red;
transition: all 3s;
transition-delay: 1s;
background-color: white;
transform: skew(30deg);
transition: all 3s;
transition-delay: 1s;
}
@keyframes jump { 0% {transform: translate3d(0,0,0) scale3d(1,1,1);} 40% {transform: translate3d(0,30%,0) scale3d(.7,1.5,1);} 100% {transform: translate3d(0,100%,0) scale3d(1.5,.7,1);} }
.variation-1 { transform-origin: 50% 50%; animation: jump .45s linear alternate infinite; }
.variation-1:hover{ transform: skewX(45deg); transform: rotateZ(405deg) scale(1.5); background-color: blue; }
but now i can't seem to figure out how to insert my hover transition and have it work
Does a part of the hover style work like this, like the background-color
?
None of the codes iim applying to my shape responding