fork download 
  1. <!DOCTYPE html>
  2. <html lang="ja">
  3. <head>
  4.   <meta charset="UTF-8"> <!-- UTF-8 Shift_JIS -->
  5.   <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6.   <meta name="viewport" content="width=device-width">
  7.   <title>Document</title>
  8.   <style>
  9.     .Label-001 {
  10.       user-select: none;
  11.       display: inline-block;
  12.       border: solid thin #000;
  13.       border-radius: 0.5rem;
  14.       padding: 0.25rem;
  15.       font-weight: bold;
  16.       opacity: 0;
  17.     }
  18.  
  19.     .IAnima_Fade-001_On:checked+label {
  20.       animation-name: Keyframes_Fade-001;
  21.       animation-timing-function: linear;
  22.       animation-duration: 3.7s;
  23.       animation-fill-mode: forwards;
  24.     }
  25.  
  26.     @keyframes Keyframes_Fade-001 {
  27.       0% {
  28.         opacity: 0;
  29.       }
  30.  
  31.       66% {
  32.         opacity: 1;
  33.       }
  34.  
  35.       100% {
  36.         opacity: 0;
  37.       }
  38.     }
  39.  
  40.   </style>
  41. </head>
  42. <body>
  43.   <input type="checkbox" name="EUnit-001" class="IAnima_Fade-001_On">
  44.   <label class="Label-001">qwerty</label>
  45. </body>
  46. </html>
  47.  
Not running #stdin #stdout 0s 0KB
comments (?)
stdin 
Standard input is empty
stdout 
Standard output is empty
https://ideone.com/FV3pev
language:
Text (text 6.10)
created:
2 years ago
visibility:
secret

Share or Embed source code

Discover > Sphere Engine API

The brand new service which powers Ideone!

Discover > IDE Widget

Widget for compiling and running the source code in a web browser!