I am a teacher!

导航

2020年8月29日 #

CSS动画实例：花瓣发光旋转

摘要： 1．旋转的花瓣 设页面中有<div class=” petal”></div>，若定义.shape的样式规则为： .petal { width:100px; height:100px; background-color:#f00; border-radius:0 100% 0 100%; } 可在页 阅读全文

posted @ 2020-08-29 17:40 aTeacher 阅读(1131) 评论(0) 推荐(1) 编辑

CSS图形基础：利用圆锥渐变绘制图形

摘要： 1．圆锥渐变 在CSS中，除了线性渐变（linear-gradient）和径向渐变（radial-gradient）外，还有一种渐变叫“圆锥渐变”。它是围绕中心点按照扇形方向进行旋转的渐变，而不是像径向渐变那样从中心点沿圆环向外慢慢辐射。 圆锥渐变的调用格式为： background-image: 阅读全文

posted @ 2020-08-29 05:49 aTeacher 阅读(1007) 评论(0) 推荐(0) 编辑