1. 程式人生 > >前端網頁學習 Day50(表格 表單 音視訊 形變 瀏覽器適配)

前端網頁學習 Day50(表格 表單 音視訊 形變 瀏覽器適配)

div { width: 150px; height: 150px; background-color: red; margin: 10px auto; transition: 3s; } /*旋轉形變:旋轉的是角度 deg*/ .d1:hover { /*transform: rotateX(3600deg);*/ /*transform: rotateY(3600deg);*/ /*transform: rotateZ(3600deg);*/ transform: rotateX(3600deg) rotateY(3600deg) rotateZ(3600deg)
; } /*偏移形變:偏移的是距離 px*/ .d2:hover { /*transform: translateX(200px);*/ /*transform: translateY(200px);*/ transform: translateX(200px) translateY(200px); } /*縮放形變:縮放的是比例*/ .d3:hover { transform: scale(2, 0.5); } .d4:hover { /*transform: translateX(200px) rotateZ(3600deg);*/ transform: rotateZ
(3600deg) translateX(200px); }