CSS 点击效果 ripple 波纹

html-css018

CSS 点击效果 ripple 波纹,第1张

最近在做uniapp项目,无奈小程序上对于vue的支持很有限,很多优秀的前端框架在小程序环境下都不能生效,点击效果这一块一直没时间整理,现在弄了一个凑合着还能看的效果分享一下

还有一个稍微复杂点的版本,这个需要全局注册才行

CSS滤镜:Mask属性 Mask属性为对象建立一个覆盖于表面的膜

CSS滤镜:blur属性 假如您用手在一幅还没干透的油画上迅速划过,画面就会变得模糊。CSS下的blur属性就会达到这种模糊的效果

CSS滤镜:Chroma属性 Chroma属性可以设置一个对象中指定的颜色为透明色

CSS滤镜:DropShadow属性 DropShadow属性是为了添加对象的阴影效果的

CSS滤镜:FlipH、FlipV属性 Flip是CSS滤镜的翻转属性,FlipH代表水平翻转,FlipV代表垂直翻转

CSS滤镜:Glow属性 当对一个对象使用“Glow”属性后,这个对象的边缘就会产生类似发光的效果

CSS滤镜:Invert属性 Invert属性可以把对象的可视化属性全部翻转,包括色彩、饱和度和亮度值

CSS滤镜:Shadow属性 Shadow属性可以在指定的方向建立物体的投影

CSS滤镜:Wave属性 Wave属性用来把对象按照垂直的波纹样式打乱。

CSS滤镜:Xray属性 这种属性产生的效果就是使对象看上去有一种X光片的感觉

CSS滤镜:alpha属性 alpha是来设置透明度的

CSS滤镜属性详解教程:http://tech.163.com/05/0329/15/1G18AIVD0009158P.html