中易网

要HTML5+CSS3效果,要求:缩放和平移两种动画的结合 C3transform和延时 循环和随机数 类似 黑洞特效代码

答案:1  悬赏:60  
解决时间 2021-01-17 02:16
  • 提问者网友:斑駁影
  • 2021-01-16 16:26
要HTML5+CSS3效果,要求:缩放和平移两种动画的结合 C3transform和延时 循环和随机数 类似 黑洞特效代码
最佳答案
  • 二级知识专家网友:北城痞子
  • 2021-01-16 16:38
1、scale(x,y) 对元素进行缩放
X表示水平方向缩放的倍数 Y表示垂直方向的缩放倍数
Y是一个可选参数,没有设置的话,则表示X,Y两个方向的缩放倍数是一样的。并以X为准。
transform:scale(2,2.5);

2、scaleX() 元素只在X轴(水平方向)缩放元素。
默认值是1,基点一样在元素的中心位置。可以通过transform-origin来改变基点
transform:scaleX(2);

3、scaleY() 元素只在Y轴(垂直方向)缩放元素。
基点一样在元素的中心位置。可以通过transform-origin来改变基点。
transform:scaleY(2);

最后我们看看兼容性写法:
.test{-moz-transform:scale(2,2);-webkit-transform:scale(2,2);-o-transform:scale(2,2);background:url(img/i.png) no-repeat;width:198px;height:133px;}
我要举报
如以上回答内容为低俗、色情、不良、暴力、侵权、涉及违法等信息,可以点下面链接进行举报!
点此我要举报以上问答信息!
大家都在看
推荐信息