fork download
copy 
  1. <!DOCTYPE html>
  2. <html lang="ja">
  3. <head>
  4.   <meta charset="UTF-8">
  5.   <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6.   <meta name="viewport" content="width=device-width">
  7.   <title></title>
  8.   <style>
  9.     .Grid_Container {
  10.       display: grid;
  11.       grid-template-columns: 1fr auto 1fr;
  12.       gap: 0.3vw;
  13.     }
  14.  
  15.     .Grid_Container>* {
  16.       border: solid thin #000;
  17.     }
  18.  
  19.     .Grid_target {
  20.       width: 30vw;
  21.       transition: 0.5s;
  22.     }
  23.  
  24.     .Grid_target:hover {
  25.       width: 50vw;
  26.     }
  27.  
  28.   </style>
  29. </head>
  30. <body>
  31.   <div class="Grid_Container">
  32.     <div>A</div>
  33.     <div class="Grid_target">B</div>
  34.     <div>C</div>
  35.   </div>
  36. </body>
  37. </html>
  38.  
Not running #stdin #stdout 0s 0KB
comments (?)
stdin
copy 
Standard input is empty
stdout
copy 
Standard output is empty
https://ideone.com/6KFWuR
language:
Text (text 6.10)
created:
3 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!