css perspective2

• 

  [CSS] ch05-04. skew 04_skew.html 04_skew.css @CHARSET "UTF-8"; div{ float: left; margin: 100px; width: 150px; height: 190px; background-color: rgba(0,0,255,0.3); perspective: 200px; } img{ border: 1px solid black; } #i1:hover{ transform: skew(45deg, 0deg); } #i2:hover{ transform: skew(0deg, 45deg); } WEB/CSS 2017. 8. 28.

• 

  [CSS] ch05-03. rotate 03_rotate.html 03_rotate.css @CHARSET "UTF-8"; div{ float: left; margin: 50px; width: 150px; height: 190px; background-color: rgba(0,0,255,0.3); perspective: 200px; } #i1:hover{ transform: rotateX(45deg); } #i2:hover{ transform: rotateY(45deg); } #i3:hover{ transform: rotate(45deg); } WEB/CSS 2017. 8. 28.