制作网站可以赚钱吗,seo的网站建设,wordpress网站映射,手机网址是什么大家好#xff0c;欢迎来到雄雄的小课堂#xff0c;那个……辣椒酱很好吃的#xff0c;哈哈哈哈#xff01;今天给大家分享的内容是利用CSS制作网页的动画。辣椒酱#xff1a;自从有了这款辣椒酱#xff0c;拌饭再也不用老干妈CSS变形CSS的变形包括这么几种效果#xff… 大家好欢迎来到雄雄的小课堂那个……辣椒酱很好吃的哈哈哈哈今天给大家分享的内容是利用CSS制作网页的动画。辣椒酱自从有了这款辣椒酱拌饭再也不用老干妈CSS变形CSS的变形包括这么几种效果分别有平移translate缩放scale倾斜skew旋转rotate下面我们来分别看看。01平移translate语法transform: translateX轴平移的像素Y轴平移的像素Eg:#div1:hover{transform: translate(10px,-9px);}效果如图所示 02缩放scale语法transform: scale宽度缩放值高度缩放值如果参数只有一个值默认第二个值和第一个值相等默认值是1,0-0.99的任意一个数字可以缩小元素大于1则会使元素放大。例如scale0.8元素会缩小0.8倍而scale1.5元素则会放大1.5倍。Eg:#div2:hover{transform: scale(1.2);}效果图 03旋转skew语法transform: skew(X轴倾斜的角度,Y轴倾斜的角度);单位为deg(°)Eg#div3:hover{transform: skew(10deg,10deg); }效果图 04旋转rotate语法transform: rotate(旋转的度数);其中参数的单位是deg(°)。Eg:#div4:hover{transform: rotate(20deg); }效果如图 关于CSS的其他动画我们下期在分享今天太忙啦~往期精彩jsp中使用cookie时报错……2020-11-17 Java中的TreeSet集合会自动将元素升序排序2020-11-16 “老师请您多关注一下我吧”2020-11-15 晨读难道只是为了完成任务而读的吗2020-11-14 Vector是线程安全的2020-11-13 为什么要有周考周考是用来干什么的2020-11-12 点分享点点赞点在看