CSS3ã®ã¿ã§ç´™ãŒãƒšãƒ©ãƒƒã¨ã‚ãã‚Œã‚‹è¡¨ç¾ - jsdo.it - Share JavaScript, HTML5 and CSS<div class="card bgRed">ノーマル</div> <hr /> <p>マウスオーãƒãƒ¼ã§ãƒ»ãƒ»ãƒ»</p> <div class="card bgBlue flip">パã‚ã£ã¨ã‚ãれる</div> <br /> <div class="card bgGreen flip flipAnimation">ゆã£ãã‚Šã‚ãれる</div> <br /> <div class="card bgYellow flipMore flipAnimation">ã‚ã£ã¡ã‚ƒã‚ãれる</div> <br /> <div class="card bgPurple flipMore flipAnimation flapInTheWind">風ã«ãªã³ãã¤ã¤ã€ã‚ã£ã¡ã‚ƒã‚ãれる</div> /* shape */ .card { position: relative; width: 300px; padding
{{#tags}}- {{label}}
{{/tags}}