java星星闪烁代码_css3实现星星闪烁效果

素材：

Document

body {

background: black;

}

.shine {

background-image: url(./shine.png);

background-repeat: no-repeat;

background-position: center;

width: 155px;

height: 155px;

position: absolute;

animation: opacity-change 1s ease-in-out infinite;

-webkit-animation: opacity-change 1s ease-in-out infinite;

-moz-animation: opacity-change 1s ease-in-out infinite;

-o-animation: opacity-change 1s ease-in-out infinite;

}

.shine2 {

animation: opacity-change 1.75s ease-in-out infinite;

-webkit-animation: opacity-change 1.75s ease-in-out infinite;

-moz-animation: opacity-change 1.75s ease-in-out infinite;

-o-animation: opacity-change 1.75s ease-in-out infinite;

}

@keyframes opacity-change {

0% {

opacity: 0;

}

50% {

opacity: 1;

}

100% {

opacity: 0;

}

@-webkit-keyframes opacity-change {

0% {

opacity: 0;

}

50% {

opacity: 1;

}

100% {

opacity: 0;

}

@-moz-keyframes opacity-change {

0% {

opacity: 0;

}

50% {

opacity: 1;

}

100% {

opacity: 0;

}

@-o-keyframes opacity-change {

0% {

opacity: 0;

}

50% {

opacity: 1;

}

100% {

opacity: 0;

}

闪烁的星星

java星星闪烁代码_css3实现星星闪烁效果相关推荐

jquery实现星星闪烁功能
实现星星闪烁功能,其实很简单,来看一下完整的代码实现吧! <style>*{margin:0;padding:0;}#box{width:700px;height:700px;backgr ...
微信小程序星星评分代码片段（含半星）
微信小程序星星评分代码片段(含半星) 代码思路完整代码代码片段图片资源写代码时需要一个点击星星评分的功能安卓直接用RatingBar非常轻松的解决了到了小程序,没有现成的封装方法可以用了, ...
雪花飘html动画,用纯CSS3的animation制作雪花飘落、星星闪烁、按钮缩放、图片倾斜...
雪花飘落: //雪花飘落 .snowDown { animation: snowDown 3s linear infinite normal; -webkit-animation: snowDown ...
html，canvas——星星闪烁
学习慕课网笔记.点击知识点: 1.如何轮播序列帧 2.canvas API –drawImage() –globalAlpha –save –restore 3.如何添加鼠标事件星星效果: * 1 ...
Android代码实现控件闪烁效果
代码地址如下: http://www.demodashi.com/demo/13162.html 前言在项目开发过程中,我们有时会遇到需要控件闪烁和停止的问题,这个用xml是可以实现的,但是为了在使 ...
投票点亮星星html,透过点亮星星实现评分效果，可自定义星星数
当前位置:我的异常网» Web前端 » 透过点亮星星实现评分效果,可自定义星星数透过点亮星星实现评分效果,可自定义星星数 www.myexceptions.net 网友分享于:2013-11-01 ...
c# typescript_在任何IDE中从C＃，Java或Python代码获取TypeScript接口的简单方法
c# typescript by Leonardo Carreiro 莱昂纳多·卡雷罗(Leonardo Carreiro) 在任何IDE中从C#,Java或Python代码获取TypeScript接 ...
java培训教程分享：Java编写软件代码自动提示功能
本期的java培训教程分享主要是介绍的java编写软件代码的一个自动提示功能,很多零基础和初学java的同学们对这一块还不是很了解,Eclipse for android 实现代码自动提示智能提示功能 ...
java 用程序代码解释继承_关于初级java程序员笔试题
关于初级java程序员笔试题 Sun 认证Java程序员考试内容涉及Java所有相关知识.编程概念及applet开发技巧.下面是小编整理的关于初级java程序员笔试题,欢迎大家参考! 第一题:判断题 ...
使用JNA，让java调用原生代码
JNA定义: JNA:java Native Access,是SUN公司开发的基于JNI的框架.JNI使得Java可以调用原生的c或者c++代码. JNA与JNI(Java Native Interf ...

java星星闪烁代码_css3实现星星闪烁效果

闪烁的星星

java星星闪烁代码_css3实现星星闪烁效果相关推荐

最新文章

热门文章