結果を表示する
元にもどす
◀︎
D
▶︎
<html lang="ja"> <meta charset="utf-8"> <style> .表{position:absolute; top:20px; left:20px; width:300px; height:178px; text-align:center; border-radius:8px; transition:transform 1s,border-width 1s; overflow:hidden; box-shadow:0 0 20px rgba(0,0,0,0.5); transform-origin:center; visibility:hidden; justify-content:center; align-items:center;} .表{transform:rotateY(0deg); visibility:visible; background: linear-gradient(90deg,rgb(250,250,250),rgb(230,230,255)); z-index:2;} .おもて面_01{position:absolute; top:10px; left:24px;} .おもて面_02{position:absolute; top:64px; left:24px;} .おもて面_03{position:absolute; top:118px; left:24px;} .おもて面_01 img,.おもて面_02 img,.おもて面_03 img{width:250px;} </style> <div class="見本の用紙"> <div class="表"> <div class="おもて面_01"><img src="A_side_01.png"></div> <div class="おもて面_02"><img src="A_side_02.png"></div> <div class="おもて面_03"><img src="A_side_03.png"></div> </div> </html>