CSS動畫:連閃動畫
2013/01/01
萌芽站長
315 0
網站技術 , CSS
測試方塊 ●上方特效完整原始碼:
.csstest{
color: #fff;
width: 70px;
height: 70px;
padding: 5px;
margin-left: 3px;
background:#000000;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
-webkit-animation:flash 1s .2s ease both infinite;
-moz-animation:flash 1s .2s ease both infinite;
}
@-webkit-keyframes flash{
0%,50%,100%{opacity: 1;}
25%,75%{opacity: 0;}
}
@-moz-keyframes flash{
0%,50%,100%{opacity: 1;}
25%,75%{opacity: 0;}
}
這是用到CSS動畫原碼的特效，歡迎自行修改利用!
贊助廣告 ‧ Sponsor advertisements
【論壇美化】友情連結區域美化
📆 2013-01-01
📁
網站技術, 架站程式, Discuz!
Beautify（Visual Studio Code 擴充功能）：美化網頁原始碼、支援 javascript、CSS 和 HTML 等
📆 2019-02-11
📁
軟體應用, 網站技術
Overlay Scrollbars：jQuery 自定義捲軸、可單純使用 JS，半透明且可自動隱藏
📆 2019-01-19
📁
網站技術, HTML, CSS, JavaScript, jQuery
PHP:瀏覽次數原碼
📆 2013-01-01
📁
網站技術, PHP
HTML:<body>
📆 2014-01-04
📁
網站技術, HTML
Node.js：Gulp 運行 Autoprefixer，批次處理 CSS 供應商前綴問題
📆 2019-03-27
📁
網站技術, CSS, JavaScript, Node.js, Gulp
XAMPP：phpMyAdmin 連接內部或外部 MySQL 伺服器完整教學
📆 2019-06-02
📁
網站技術, 伺服器, 資料庫, PHP, SQL
JS:網站原碼緩載加速程式
📆 2013-01-01
📁
網站技術, JavaScript
留言區 / Comments
萌芽論壇