Veja nesse tutorial como você pode colocar efeito giratório em CSS ao passar imagens sobre ela, tem outras animações também, como o zoom, mudança de background, mudança de borda, e muitos outro, mas esse tutorial só vai ensinar o efeito giratório.
Esse código você coloca dentro da tag <style>, dentro da tag <head>, e vale lembrar também que esse é para criar um padrão para todas as imagens, sendo que se querer colocar em somente uma imagem, ou várias, é só colocar class="exemplo" no código HTML da imagem e .exemplo { } no CSS.
Você pode mudar o nome da animação e/ou a duração. Veja abaixo o resultado:
0 comentários:
Postar um comentário