纯css实现一个带箭头阴影的手风琴动效

2022-10-28
阅读 4 分钟
1.4k
效果如图:可以移入展开。特征:1,带有箭头2,箭头处带有阴影3,有交互操作箭头,可以用border来实现: {代码...} 引用可用box-shadow实现,但是如果是贴合非规则图形的阴影,可以用到滤镜: {代码...} 交互:当前放大,其他兄弟节点渐入透明 {代码...} 代码:vue3demo.vue {代码...}

css3 实现自定义有序列表序号

2017-07-15
阅读 1 分钟
3.7k
有一下代码结构: {代码...} 我想显示成: part:1这是第一部分part:2这是第二部分part:3这是第三部分 {代码...}

使用css3的radial-gradient实现一个穿透效果的圆

2016-10-08
阅读 1 分钟
7.8k
先看需求: 如图,需要做一个这个效果。一般怎么做?那个半圆切成图片,可以解决一种情况——图片背景固定并且不平铺。 如果背景图片是花纹平铺,且不是固定不动的呢?切好的半圆就无法与背景图对应 现在使用css3的径向渐变是可以实现这个透明的圆的,这样一来,如果圆是透明的,就不用担心背景图片的情况了 {代码...} 代...