測試方塊 ●上方特效完整原始碼:
.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動畫原碼的特效，歡迎自行修改利用!

CSS3「box-sizing: border-box; 」讓內距和邊框不改變元素的寬度與高度
📆 2018-09-22
📁 網站技術, CSS

CSS 原生變數（Variables）介紹與使用教學：-- 宣告變數、var() 呼叫變數
📆 2019-03-22
📁 網站技術, CSS

PHP strlen() & mb_strlen() 直接與加入編碼之判斷字串長度函數
📆 2019-06-28
📁 網站技術, PHP

WordPress 安裝教學與前後台簡介（以 XAMPP 作為平台）
📆 2019-12-22
📁 軟體應用, 網站技術, 架站程式, 架站資源, WordPress

【網站經營】WordPress 4.0 限制上傳圖片大小
📆 2015-02-25
📁 網站技術, 架站程式, WordPress

Weather Icons：免費天氣圖標、可用於網頁或 APP、日夜圖示皆有
📆 2019-01-26
📁 網站技術, HTML, CSS, JavaScript

純 CSS 做到網頁元素水平垂直置中、置中央
📆 2020-03-05
📁 網站技術, HTML, CSS

無縮圖

CSS:圓框
📆 2013-01-01
📁 網站技術, CSS