Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
The 'purple box' causes display bugs, during CSS animation. if I use a class on the div, the 'purple box' appears, but does not come alive
no animation of the 'purple box'
the 'purple box' comes alive with CSS animation
<html lang="fr"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="styles.css"> <title>Test</title> </head> <body> <label for="play">Lancer</label> <input type="checkbox" id="play" checked/> <div></div> </body> </html>]
div { background-color: #000; width: 100px; height: 100px; margin: 20px; animation-name: spin; animation-duration: 2s; animation-iteration-count: infinite; animation-timing-function: linear; animation-play-state: paused; } :checked ~ div { animation-play-state: running; } @keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }
The text was updated successfully, but these errors were encountered:
Successfully merging a pull request may close this issue.
Please read the CONTRIBUTING guide before submitting an issue.
Description
The 'purple box' causes display bugs, during CSS animation.
if I use a class on the div, the 'purple box' appears, but does not come alive
Expected Behavior
no animation of the 'purple box'
Actual Behavior
the 'purple box' comes alive with CSS animation
Steps to Reproduce
Versions
The text was updated successfully, but these errors were encountered: