orzubalsky / creative-computing-2018

0 stars 1 forks source link

My applications aren't working #92

Open albertparson opened 6 years ago

albertparson commented 6 years ago

None of the codes iim applying to my shape responding

rachael-tomaszewski commented 6 years ago

could you try posting your code on here? i could take a look at it and help troubleshoot!

albertparson commented 6 years ago

How does one do that lol

rachael-tomaszewski commented 6 years ago

just copy and paste it into this thread and it should work!

albertparson commented 6 years ago

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; }

albertparson commented 6 years ago

but now i can't seem to figure out how to insert my hover transition and have it work

orzubalsky commented 6 years ago

Does a part of the hover style work like this, like the background-color?