標籤：style blog http io sp on div log bs
通過css3動畫棧實現了滑鼠移片，圖片發亮的效果。
具體代碼如下：
<!DOCTYPE html><html ><head><style> div{width:100px;height:100px;background:blue;}div:hover,img:hover{animation:shade 5s;-webkit-animation:shade 5s;-moz-animation:shade 5s;-o-animation:shade 5s;animation:shade 5s;}@keyframes shade{from{opacity:1;}15%{opacity:0.4;}to{opacity:1;}}@-webkit-keyframes shade{from{opacity:1;}15%{opacity:0.4;}to{opacity:1;}}@-moz-keyframes shade{from{opacity:1;}15%{opacity:0.4;}to{opacity:1;}}@-o-keyframes shade{from{opacity:1;}15%{opacity:0.4;}to{opacity:1;}}</style></head><body><div></div><p><img src="http://pica.nipic.com/2007-12-24/20071224112445514_2.jpg"/></p></body></html>
css動畫棧學習_1
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
