tnjk.net
当前位置:首页 >> 请问鼠标滑过背景图片,图片围绕圆心旋转的效果怎... >>

请问鼠标滑过背景图片,图片围绕圆心旋转的效果怎...

@-webkit-keyframes btnRotate {0% {-webkit-transform: rotateZ(0deg); }100% {-webkit-transform: rotateZ(360deg); }}#startMenu button:hover img {-webkit-animation: btnRotate 1.5s linear infinite;}楼上的代码,我试了一下,好像只能转...

这个可以通过纯样式实现 首先是事件:hover 效果:旋转(transform:rotate(90deg);)PS:90deg=90° 那我就举个简单的例子 .pic:hover{ transform:rotate(90deg); -ms-transform:rotate(90deg); /* IE 9 */ -moz-transform:rotate(90deg); /* Fir...

这个想法,在ie6下是不可能实现的,除非再加另外一些东西 不考虑ie6的情况: #about_left li{ background-image:url(../pic/1.jpg); } #about_left li:hover{ background-image:url(../pic/2.jpg); } 考虑ie6的情况,因为ie6并不支持li的hover行...

那5个框 是5个div 捕捉div获得鼠标移动事件 每个div里面有个小的div用来显示图片 当鼠标移动 这里通过算法显示背景图片 背景图片就一张通过 url(https://img.alicdn.com/tfs/TB1PZB0fyqAXuNjy1XdXXaYcVXa-100-1500.png) center 0px / 100% no-re...

把background 指向图片就可以了嘛

做好准备工作,把两张100px X 100px的图片合成 100 X 200 的。通过CSS图片定位来达到切换效果。存放在根目录 img\tupian.gif #div_1{width:100px;height:100px;margin:0;padding:0;} 定义一个DIV方框 #div_1 ul,li{list-style:none;margin:0px;p...

你要先懂得代码,以及CSS样式,学会使用DW等软件,如果不是专业美工建议你不要把精力放在代码这方面,碰到自己喜欢了你一拷贝下来,重要的使用方便,多把精力放在运营推广上面吧,望采纳!

你这个没有用到css啊. 要用css可以这样. #div1{width:60px;} div#div1{background:url(3.jpg) no-repeat;} div#div1:hover{background:url(2.jpg) no-repeat;}

可以用样式中的hover伪类制作。 例子: a:hover{} 代表鼠标经过的意思。 改变背景图片可以写为: a{background-image:url(bg1.jpg)} a:hover{background-image:url(bg2.jpg)}

给你2个解决方案: 1、 .bg{ background:red; width:100px; height:50px;} .bg_hover{ background:black; width:100px; height:50px;} 2、 .bg{ background:red; width:100px; height:50px;} .bg:hover{ background:black; width:100px; height:...

网站首页 | 网站地图
All rights reserved Powered by www.tnjk.net
copyright ©right 2010-2021。
内容来自网络,如有侵犯请联系客服。zhit325@qq.com