這次利用邊框左側移出效果，製造出按鈕特效!
這也是一個簡單的CSS原碼，參考看看!
↓參考語法之範例(游標移到上面試試)
測試
~參考語法(CSS部分)~
<style>
.mnyawb30 {
width: 200px;
color:000000;
font:30px bold normal BrushScriptStdMedium;
text-shadow:0px 0px 5px #663333;
padding-left: 6px;
border-left: 1px solid #FFFFFF;
-webkit-transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
-otransition: all 0.5s linear;
transition: all 0.5s linear;
}
.mnyawb30:hover {
padding-left: 2px;
border-left: 5px solid #66FF99;
color:#000000;
text-shadow:0px 0px 5px #000000;
}
</style>
~參考語法(HTML部分)~
<div class="mnyawb30">測試</div>

Live Sass Compiler（Visual Studio Code 擴充功能）：讓 VSCode 支援即時編譯 SASS/SCSS 成 CSS
📆 2019-03-20
📁 軟體應用, 網站技術, CSS, Sass/SCSS

Prism：輕亮的程式語言標記 JS 插件、已用於數千個網站
📆 2019-01-28
📁 網站技術, HTML, CSS, JavaScript

React 初嘗試：不使用 npm、Babel 和 webpack 的 HELLO 頁面
📆 2019-07-13
📁 網站技術, HTML, JavaScript, React

Online HTML Editor：線上網頁原始碼編輯器、文本轉網頁原始碼
📆 2019-01-27
📁 網路應用, 網站技術, HTML

JavaScript：計算陣列的四分位數
📆 2022-03-01
📁 網站技術, JavaScript

【論壇經營】Discuz! X3.1去除標題中的Powered by Discuz!
📆 2014-01-11
📁 網站技術, 架站程式, Discuz!

PHP & AJAX & MySQL 即時搜尋系統、邊打字邊搜尋資料庫
📆 2019-06-18
📁 網站技術, 資訊安全, 伺服器, 資料庫, PHP, JavaScript, jQuery, SQL

Google AdSense：廣告封鎖復原，讓訪客按一下就將貴站加入廣告阻擋器白名單
📆 2023-02-24
📁 網路應用, 網站技術