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

無縮圖

CSS:免去方向指令，將CSS縮短
📆 2014-01-23
📁 網站技術, CSS

Flickity：超強大的 jQuery 插件！建立全平台都支援的幻燈片或卡片！
📆 2019-01-19
📁 網站技術, HTML, CSS, JavaScript, jQuery

Pingendo：RWD 網頁設計軟體、模板網頁製作、拖拉設計網頁
📆 2018-09-29
📁 軟體介紹, 網站技術

WordPress 跳脫短代碼（Escaping Shortcodes）
📆 2019-03-17
📁 網站技術, 架站程式, WordPress

無縮圖

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

JavaScript：一顆按鈕讓您可以編輯任何網站！
📆 2018-10-04
📁 網站技術, JavaScript

nvm-windows：Windows 平台的 Node.js 版本管理工具，可安裝、切換和管理多個 Node.js 版本
📆 2024-06-26
📁 軟體介紹, 軟體應用, 網站技術, Node.js

PHP 取得使用者 IP 並運用 Session 建立登入次數限制機制
📆 2019-06-30
📁 網站技術, 資訊安全, PHP