原始效果：
中間變換的效果在這裡就不給大家展示了啊，自己嘗試嘗試就好哇~
完成的效果：
話不多說了，直接來**：
<
!doctype html>
"utf-8"
>
按鈕漸變<
/title>
input,
*:before,
*:after
/*變換的時間*/
.input-box
.input-box input[type=
"submit"
].input-box input[type=
"submit"
]:hover
.submit-box
.input-box
@media only screen and (max-width:
479px)
}<
/style>
<
/head>
="input-box submit-box"
>
"submit" value=
"submit"
>
<
/div>
<
/body>
<
/html>
網頁元素3D效果展示
作為乙個前端從業人員，相信大家對z index都不陌生，那麼在乙個平面的世界裡，怎麼理解z index這個屬性。在理解z index的時候，我們首先要清楚，乙個頁面是怎樣構建座標軸的，以電腦屏左上角為起點，水平方向從左往右為x軸正向，垂直方向從上往下為y軸正向，螢幕從裡往外為z軸正向，這樣就形成了我...
複製網頁的按鈕
在開發的 中，原本網頁腳已經有乙個銨鈕，是匯出資料的功能。由於某些網頁內容太長，每次均需要滾至頁尾，才可以找到那個銨鈕，如果把此銨鈕移至頁頭，當使用者瀏覽至頁尾時，想做匯出動作，又得把網頁滾至網頁頭。因此客戶提出要求，需要在網頁的頁頭與頁尾均放乙個銨鈕，功能是一樣的。解決辦法，拉乙個銨鈕至網頁頭，o...
網頁廣告的展示demo
為了練習j ascript,做了乙個簡單的demo,實現的是廣告從頂部慢慢拉出到最大，然後停留2s,再收縮到比較小且可以關閉的廣告特效。可以替換為任意其他的。如下 1doctype html 2 html 3 head lang en 4 meta charset utf 8 5 title tit...