Timeline for CSS - Play animation while hovering, but not with an abrupt end
Current License: CC BY-SA 3.0
10 events
| when toggle format | what | by | license | comment | |
|---|---|---|---|---|---|
| Jun 2, 2017 at 7:29 | answer | added | Roumelis George | timeline score: 0 | |
| Jun 1, 2017 at 15:18 | comment | added | WizardCoder |
It was just CSS related issue. You needed to apply :after to the .anim selectors. e.g. #menubox1.anim1:after. jsfiddle.net/L22u0dgk/3. The rest of it is up to you to adjust the styling. There is a lot of repeated styles that could be cleaned up.
|
|
| Jun 1, 2017 at 15:05 | answer | added | Michał Sałaciński | timeline score: 1 | |
| Jun 1, 2017 at 14:46 | comment | added | dwycxt | @WizardCoder Apparently I am doing something wrong ... i have posted my attempt, based on your answer, on this fiddle: jsfiddle.net/L22u0dgk/2 | |
| Jun 1, 2017 at 14:29 | comment | added | WizardCoder | jsfiddle.net/sSYYE/56 I have updated the fiddle to make it more relevant to your code. | |
| Jun 1, 2017 at 14:26 | comment | added | dwycxt | @WizardCoder Thats looking good! Does it require me switching my bars from ids to classes or is there another way? | |
| Jun 1, 2017 at 14:23 | comment | added | WizardCoder | jsfiddle.net/sSYYE/55. This is a slightly updated version from this answer stackoverflow.com/questions/7694323/…. | |
| Jun 1, 2017 at 14:15 | comment | added | dwycxt | @MichaelCoker This is exactly what I currently have. What would be the easiest and cleanest way to achieve my goal with js though? | |
| Jun 1, 2017 at 14:11 | comment | added | Michael Coker |
I don't think so. I'm assuming this is the abrupt ending you don't want? codepen.io/mcoker/pen/vZBXgY Sounds like you want to trigger paused using the animationend event in the browser, which requires js.
|
|
| Jun 1, 2017 at 14:04 | history | asked | dwycxt | CC BY-SA 3.0 |