想做一个可以一闪一闪的按钮，纯css怎么实现

在网上看到这个网站 http://zurb.com/playground/ra...
觉得这个按钮做的真漂亮，但是不知道怎么下载他的css文件
想要实现它这种效果，改如何做呢，请大神指导

css

阅读 10.1k

1 个回答

✓ 已被采纳

css3的动画就可以了。demo如下:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>css3实现按钮闪烁</title>
    <style type="text/css">
        .btn-twinkle{
            color: #fff;
            border:none;
            animation: twinkle 1s alternate infinite;
        }
        @keyframes twinkle{
            from{background: #16e2eb;}
            to{background: #3b6e99;}
        }
    </style>
</head>
<body>
    <button class="btn-twinkle">我是个会闪烁的按钮</button>
</body>
</html>

撰写回答

你尚未登录，登录后可以

和开发者交流问题的细节
关注并接收问题和回答的更新提醒
参与内容的编辑和改进，让解决方法与时俱进

推荐问题

相似问题

找不到问题？创建新问题

想做一个可以一闪一闪的按钮，纯css怎么实现

你尚未登录，登录后可以

body :first-child(不是body:first-child，中间有空格)伪类选择器到底选中了什么元素？

如何实现类似豆包的AI改写框跟随内容滚动效果？

如何在CSS中实现滚动条不溢出圆角框？

请问，是否可以设定Table的宽度，或者不让其超过父容器呢？

如何在Ant Design表格中同时设置scroll.x和scroll.y且表头不换行？

表数据复制一条添加到数据库，前端跳转到数据所在的page页，滚动到对应行并添加高亮样式异常？

tailwind css group hover的触发问题?