css3 如何单独设置某一transform 属性?
某一元素已被js执行过位移操作,所以元素的style属性已经拥有-webkit-transform:translate3d(1116px,0px,0px);而我又想为其增...
某一元素已被js执行过位移操作,所以元素的style属性已经拥有 -webkit-transform: translate3d(1116px, 0px, 0px); 而我又想为其增加:hover 让他缩放 scale(.9,.9); 这两个只能存在一个,请问如何做?难道必须用js去做mouseenter吗?
前提是指在一个div上的效果 展开
前提是指在一个div上的效果 展开
3个回答
展开全部
一个元素的多重transform
就像这样:
-webkit-transform: rotate(360deg) scale(2);
你还可以在分号之前加上translate(1em,0),用空格隔开。
多拉A梦的Transform
在多拉A梦的CSS中的transform只用了rotate
例如#head_light中的
-webkit-transform: rotate(20deg);
-moz-transform: rotate(20deg);
-o-transform: rotate(20deg);
-o-transform应该是Opera有效。
就像这样:
-webkit-transform: rotate(360deg) scale(2);
你还可以在分号之前加上translate(1em,0),用空格隔开。
多拉A梦的Transform
在多拉A梦的CSS中的transform只用了rotate
例如#head_light中的
-webkit-transform: rotate(20deg);
-moz-transform: rotate(20deg);
-o-transform: rotate(20deg);
-o-transform应该是Opera有效。
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询