실습문제 5-7
WEB/TRAINNING 2017. 11. 6. 22:50 |7. 아래 왼쪽과 같은 웹 페이지를 작성하고, CSS3를 이용하여 이미지에 마우스를 올리면 오른쪽과 같이 이미지의 폭이
2초에 걸쳐 부드럽게 브라우저 폭의 크기로 늘어나는 애니메이션을 작성하라.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 | <html> <head> <title></title> </head> <style> img { transition: width 2s; } img:hover { width: 100%; } </style> <body> <h3>마우스를 올려봐요</h3> <hr> <img src="test.png" width="90px" height="100px"> </body> </html> | cs |