博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
360浏览器官网-css3-流行效果
阅读量:5159 次
发布时间:2019-06-13

本文共 889 字,大约阅读时间需要 2 分钟。

@keyframes star-ani-data-v-1790cda7e {    from {        opacity: 1;        transform: scale(0) rotate(0) translate3d(0,0,0)    }    to {        opacity: 0;        transform: scale(1.3) rotate(0) translate3d(-20vh,20vh,0vh)    }}.star{    animation: star-ani-data-v-1790cda7e 5s infinite linear;    background: #59e8cf;    border-radius: 50%;    display: block;    height: 0;    left: 90%;    opacity: 0;    position: relative;    top: 150px;    transform-origin: 100% 0;    width: 5px;    z-index: 2}.star:after {    animation: shooting-ane 5.1s infinite ease-out;    border: 0 solid #8674c2;    border-width: 0 90px 2px;    border-color: transparent transparent transparent #8674c2;    content: "";    display: block;    left: 4px;    top: 0;    transform: rotate(-45deg) translate3d(1px,3px,0);    transform-origin: 0 100%}

效果展示:

参考网址:

转载于:https://www.cnblogs.com/dadouF4/p/10615515.html

你可能感兴趣的文章
python字符串操作
查看>>
不同程序语言的注释和变量要求
查看>>
语言基础(9):static, extern 和 inline
查看>>
邮件和短信验证码
查看>>
(转)Android studio 使用心得(五)—代码混淆和破解apk
查看>>
构建之法阅读笔记03
查看>>
ES5_03_Object扩展
查看>>
Apache-ab 接口性能测试
查看>>
EF 4.1 Code First Walkthrough
查看>>
常用MySQL语法
查看>>
bzoj 2600: [Ioi2011]ricehub
查看>>
创建数据库,表
查看>>
工厂模式
查看>>
计算机网络基础知识
查看>>
C#里如何遍历枚举所有的项
查看>>
如何在键盘出现时滚动表格,以适应输入框的显示
查看>>
超级强大的鼠标手势工具
查看>>
常用Dockerfile举例
查看>>
jquery的ajax用法
查看>>
设计模式-策略模式(Strategy)
查看>>