西安网络公司|西安做网站|西安网站建设|西安网站制作|宏博网络-专注于高端网站网页设计开发十余年

029-81773686

宏 · 新闻

当前位置: 首页 > 宏 · 新闻行业视野  

css3之星光闪烁的效果

2016.07.13

西安网站制作小编为您整理:你再也不用担心别人的经营范围,让你去画辐射图了;让它飘上去做定位吧!!!

.dot {

    width: 10px;height: 10px;

    position: absolute;

    left:550px;

    top:653px;

}

.dot:before{

    content:' ';

    position: absolute;

    z-index:2;

    left:0;top:0;width:10px;height:10px;

    background-color: #ff4200;

    border-radius: 50%;}

.dot:after {

    content:' ';

    position: absolute;

    z-index:1;

    width:10px;

    height:10px;

    background-color: #ff4200;

    border-radius: 50%;

    box-shadow: 0 0 10px rgba(0,0,0,.3) inset;

    -webkit-animation:ripple 1s ease 0s infinite normal;/*动画属性名,也就是我们前面keyframes定义的动画名*/

    -moz-animation:ripple 1s ease 0s infinite normal;

    -ms-animation:ripple 1s ease 0s infinite normal;}

       


精彩案例

让价值共享 记录企业发展脚步 感恩相伴 029-81773686   18966895139