CSS 点击效果 ripple 波纹

html-css018

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

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

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

div{

    background:

    radial-gradient(circle at 100% 50%, transparent 20%, rgba(255,255,255,.3) 21%, rgba(255,255,255,.3) 34%, transparent 35%, transparent),

    radial-gradient(circle at 0% 50%, transparent 20%, rgba(255,255,255,.3) 21%, rgba(255,255,255,.3) 34%, transparent 35%, transparent) 0 -50px

    background-color: slategray

    background-size:75px 100px

}

更多背景底纹私聊我给你网址，有好多