下面是我今天新学习的一些html5ss3的用法,主要是用来做图片效果的;可以让图片更好看,可以方便快捷的做出你想要的效果。在今后的学习中我要更加的努力,做网页还是很有趣味的。
努力努力努力!
1.2d
移动:`translate(x,y)或 translateX() translateY()`
旋转:rotate() 正或负
缩放:scale(x,y) 或 scaleX() scaleY()
倾斜:skew(x,y) 或 skewX() skewY()
translate
translate(x,y) 2D转换,沿X和Y轴移动元素
translateX(n) 2D转换,沿X轴移动元素
translateY(n) 2D转换,沿Y轴移动元素
rotate
设定元素顺时针旋转给定的角度,负值表示逆时针旋转
transform:rotate(ndeg);
2.3d
移动:translateX/Y/Z()、translate3d() 合写或分开写
旋转:rotateX/Y/Z()、rotate3d() 分开写
缩放:scaleX/Y/Z()、scale3d()
HTML5与CSS3图片特效
本文分享了HTML5和CSS3中用于增强图片视觉效果的技术,包括2D和3D变换操作如平移、旋转、缩放和倾斜。通过这些技巧,可以轻松创建动态且吸引人的网页布局。
786

被折叠的 条评论
为什么被折叠?



