online Editor
matrix() | Transform - CSSリファレンス
matrix() - CSS3のmatrix()のサンプル。
<!doctype html> <html lang="ja"> <head> <meta charset="UTF-8"> <title>Sample</title> </head> <body> <style> div{ width:100px; height:100px; background:red; margin-bottom:100px; -webkit-transition:all 1s; transition:all 1s; } div:hover{ -webkit-transform:matrix(2, 1, 1, 2, 100,100); -ms-transform:matrix(2, 1, 1, 2, 100,100); transform:matrix(2, 1, 1, 2, 100,100); } </style> <div></div> </body> </html>
HTMLを反映する >>
タグ:
CSS
CSS3
matrix()
Transform
Web Creative Park