当前位置:Gxlcms > html代码 > 基础理解2:CSS3按钮动画_html/css_WEB-ITnose

基础理解2:CSS3按钮动画_html/css_WEB-ITnose

时间:2021-07-01 10:21:17 帮助过:2人阅读

一个Css3按钮效果很好,仔细看了一下发现就是::after,::before然后加上transition,transform等效果实现,主要关注一下几点就能轻松实现:

1、伪类需要position定位,相对的button也需要定位一下

2、设置一下z-index属性,一般button设置为1, button::after或者button:before设置为-1即可

3、transition实现动画效果,如果需要transform旋转一下

代码如下:

人气教程排行