一款純css3實現的漂亮的404頁面

之前為大家分享了那些創意有趣的404頁面， html5和css3打造一款創意404頁面， html5可愛的404頁面動畫很逗的機械人。今天再給大家分享一款純css3實現的漂亮的404頁面。效果圖如下：

實現的**。

html**：

<

section 
class
="center"
>
<
article
>
<
h1 class
="header"
>
404h1
>
<
p class
="error"
>
error
p>
article
>
<
article
>
<
img 
src="vovg1x.png"
alt="funny face"
>
article
>
<
article
>
<
p>
lost? maybe i can help.
p>
article
>
<
article
>
<
form 
action
="">
<
input 
type
="text"
name
="search"
class
="srchfld"
placeholder
="what are you looking for?"
required 
/>
<
button 
type
="submit"
class
="srchbtn"
>
search
button
>
form
>
article
>
<
article
>
<
h3>
my suggestions.
h3>
<
ul>
<
li><
a href
="">home
a>
li>
<
li><
a href
="">portfolio
a>
li>
ul>
article
>
section
>

bodyah3

ulli a:hover
.center
/*search bar styling 
*/form > *
.srchbtn
.srchbtn:active
.srchfld
.srchfld:focus
/*404 styling 
*/.header
/*error styling 
*/.error

一款純css3實現的動畫按鈕

今天給大家分享一款純css3實現的動畫按鈕。第一排的按鈕當滑鼠經過的背景色動畫切換，圖示從右側飛入，第二排的按鈕當滑鼠經過的時候邊框動畫切換，圖示右側飛入，效果非常好，一起看下效果圖 實現的 html div class black a href class btn span become a me...

一款純css3實現的翻轉按鈕

之前為大家介紹了好多純css3實現的很漂亮的按鈕。今天小編要給各再分享一款純css3實現的翻轉按鈕。實現中給出了兩種的翻轉特效，一種是基於按扭的左邊緣為中心線，另一種是基於按鈕的中間為中心線。我們一起看下效果圖 實現的 html article a target blank class btn fo...

一款純css3實現的動畫載入導航

之前為大家介紹了好幾款導航選單，今天為給大家再帶來一款純css3實現的動畫載入導航。該導航出現的時候以動畫的形式出現。效果圖如下 實現的 html ul class main menu li class main menu item active a href home a li li class ...