![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEzHQGk8SS4WAzt1V9pfIFYEhNy15v0Tv0EqJ_ioRim1llQX06Z5yCtPyZoN9nG3jJHoASpTwpr25ZcUGzjZTSxrl39svzFUrjUPO75NZMcx8LJK8CdtukYASFN-W_Hesi__Gu99oTUQbSfeKMBL2Khrtu5AvN_cFWvcWQ3iaVFJ2_4gTOHP7TY-lClbs/s1600/CSS%20HOVER%20EFEITOS%20DE%20TRANSI%C3%87%C3%95ES%20AO%20PASSAR%20O%20MOUSE.jpg)
Seja alguns exemplos de efeitos que modificam o objeto quando o usuário passa o mouse sobre ele. Essa ação é identifica no CSS (Folha de Estilo em Cascatas) como HOVER.
*Passe o mouse sobre as imagens e visualize os efeitos.
1 - Efeito Rotate
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDtFwNhHks_As-cgcu6Eh2YUKfc-r-3uJVdA9A_8F2fFGk_jt4X-huw1fqQOD4eKdXCu53Jul2kr3lzvFTuGyzSjZ580lqeeXX8Jvy2Jk5WmlgVg1Wg9wZlWchS5U-vGNcYzIrIoKWc20/s1600/imagem1.gif)
2 - Efeito Filter Blur
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhI2YVTJsN4Hnlmhpi-ltM76n3lRGF1F5mgVAOFo5CpF_HjY6e8X1AFKsl8oL2QEKSE9FLsUFgmDfv3ADxVe8POvrZjHroxMJ5wzw1KjjezX3bMRjeZBTxG3_-ObnO2JEvlwTYBuQcxFQI/s1600/imagem2.jpg)
3 - Efeito Scale
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOOvw4lGsgUQkoFO_QLtMfRzom70CThUKHxbS_SHWiU-XHd_vg-CAwyOJF91DlfGGpTUoxoKSMVOdmP6s_Gw2yR33miAFKqOv3DodV0NMeB2hFdmmiHFvcTXlKIZZM02I9PbqOTy9xio0/s1600/imagem3.png)
4 - Efeito Drop Shadow
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiZYM1TLWTRlGHZ5Y0EyhyphenhyphenlS2Ccl3LRrQj0HrRhGC-ZGKjphjeGXa1dEQUwx6CPErWENRdMGmOS8edn927CltY08tPaRe14LD1LnLMFY-x5Br6sgPTI-mi0FiVs-ywileKDOA49Om8bW8/s1600/imagem4.gif)
5 - Efeito border e border-radius
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8UdgCj7SF-pDzp1nx7HeHXpkt9MBpZwPnnXz_QHEuNWJEtaJ_YzeCCOBMCMZg9_9JrJLXui3HTjb7H3akFgKc4Kt1JojQGIEqbPdzmbcgPNx2nKX0Toac2Js1yN7_iu5LM3tYVwtTBhw/s1600/imagem5.gif)
Extra - Todos Efeitos Juntos (menos o BLUR)
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKgRprCg6O6XbMXEObLc7XwMj5QkH4rpXNcyiA2612sD6FS6dBuJwoZAgGDv5Pc-DfWDZfsHcA1yDUp7xkS7zGEfoSqzqDJw4sMvQXKhBVr4OjK8V7tLyieOITrHZZ7ptEBw-mdiqRWvo/s1600/skin-garen-cavaleiro-do-terror-1024x604.jpg)
0 Comentários