エフェクト

マウスホバーで画像を回転させる

2016.10.24
hover, エフェクト, 装飾

.rotatePhoto { width: 300px; height: 300px; overflow: hidden; } .rotatePhoto img { transition: 0.5s; } .rotatePhoto img:hover { -moz-transform: rotateY(180deg); -webkit-transform: rotateY(180deg); -o- […]

マウスホバーで画像を拡大する

Coding css/sass

2016.10.24
hover, エフェクト, 装飾

.scalePhoto { width: 200px; heght: 200px; overflow: hidden; img { -moz-transition: -moz-transform 0.3s linear; -webkit-transition: -webkit-transform 0.3s linear; -o-transition: -o-transform 0.3s linea […]