河南网站优化建设,携程的网站建设,韩国外贸平台,网站开发流程指什么直接把图片替换就可以了#xff0c;我的图片是透明的#xff0c;所以body设置为黑色的#xff0c;不不要可以去掉 !doctype htmlhtml langenhead meta charsetUTF-8 titlecss3 图片放大缩小闪烁效果/t…直接把图片替换就可以了我的图片是透明的所以body设置为黑色的不不要可以去掉 !doctype htmlhtml langenhead meta charsetUTF-8 titlecss3 图片放大缩小闪烁效果/title style body{background:#000;opacity:0.8;} .flicker_down{ width:105px; height:105px; display:inline-block; position:fixed; bottom:80px; left:50%; background:url(images/last.png) no-repeat; } keyframes flicker{ 0%,100%{ transform:scale(0.6); -moz-transform:scale(0.6); -o-transform:scale(0.6); -webkit-transform:scale(0.6); -ms-transform:scale(0.6); opacity:0 } 50%{ transform:scale(1.0); -moz-transform:scale(1.0); -o-transform:scale(1.0); -webkit-transform:scale(1.0); -ms-transform:scale(1.0); opacity:1 } } -webkit-keyframes flicker{ 0%,100%{ -webkit-transform:scale(0.6); -moz-transform:scale(0.6); -o-transform:scale(0.6); -ms-transform:scale(0.6); transform:scale(0.6); opacity:0 } 50%{ -webkit-transform:scale(1.0); -moz-transform:scale(1.0); -o-transform:scale(1.0); -ms-transform:scale(1.0); transform:scale(1.0); opacity:1 } } -moz-keyframes flicker{ 0%,100%{ -moz-transform:scale(0.6); -o-transform:scale(0.6); -webkit-transform:scale(0.6); -ms-transform:scale(0.6); transform:scale(0.6); opacity:0 } 50%{ -moz-transform:scale(1.0); -o-transform:scale(1.0); -webkit-transform:scale(1.0); -ms-transform:scale(1.0); transform:scale(1.0); opacity:1 } } -o-keyframes flicker{ 0%,100%{ -o-transform:scale(0.6); -moz-transform:scale(0.6); -webkit-transform:scale(0.6); -ms-transform:scale(0.6); transform:scale(0.6); opacity:0 } 50%{ -o-transform:scale(1.0); -moz-transform:scale(1.0); -webkit-transform:scale(1.0); -ms-transform:scale(1.0); transform:scale(1.0); opacity:1 } } .flicker_down .trans{ -webkit-animation:flicker 2.0s infinite ease-in-out; -moz-animation:flicker 2.0s infinite ease-in-out; -o-animation:flicker 2.0s infinite ease-in-out; animation:flicker 2.0s infinite ease-in-out } .flicker_down .arrow{ animation-delay:-2.0s; -webkit-animation-delay:-2.0s; -moz-animation-delay:-2.0s; -o-animation-delay:-2.0s } /style/headbody div a classflicker_down arrow trans href οnclickreturn false; hidefocus/a /div/body/html转载于:https://www.cnblogs.com/pikachuworld/p/5578489.html
