web前端|css教程
CSS3 ,Android,按钮
web前端-css教程
简要教学
安卓源码在线生成apk,ubuntu 去除软连接,tomcat偶发暂停工作,电动纸板爬虫,php路径设置,济南互联网营销seo推广托管lzw
css-ripple-effect是一款使用纯CSS3制作的炫酷扁平风格按钮点击波特效。该效果是仿照Android系统的Material design风格点击波来制作的。
哪个源码论坛比较好,ubuntu查看串口驱动,java编写网页爬虫,php自适应在线聊天室系统源码,seo营销特点lzw
使用方法
java商品列表源码,vscode运行echarts,ubuntu 前端,tomcat部署node,sqlite3 判断查询,discuz 插件绑定二级域名,流行的前端框架,网络爬虫 什么方向有前景,php 正则 div,seo方案哪个好用,网站后台上传模板,学生静态网页模板下载,外贸模板lzw
在页面中引入ripple.css文件。
HTML结构
要为一个
CSS样式
你可以通过ripple.css文件或ripple.less文件来修改点击波效果的样式。
.ripple { position: relative; overflow: hidden; &:after { content: ""; background: rgba(255,255,255,0.3); display: block; position: absolute; border-radius: 50%; padding-top: 240%; padding-left: 240%; margin-top: -120%; margin-left: -120%; opacity: 0; transition: all 1s; } &:active:after { padding-top: 0; padding-left: 0; margin-top: 0; margin-left: 0; opacity: 1; transition: 0s; }}