CSS3製作404立體字型

2022-02-02 06:16:03 字數 2081 閱讀 5357

css3製作404立體字型頁面效果

滑鼠移動上去,背景色變白。

動態效果:

用來多個文字陰影,達到和用ps一樣的效果。

還是用ps來的方便。

html**:

doctype html

>

<

html

>

<

head

>

<

meta charset

=utf-8

/>

<

title

>

css3

製作404

立體字型頁面效果

title

>

<

link rel

="stylesheet"

type

="text/css"

href

="css/my.css"

>

head

>

<

body

>

<

h1 class

="ketitle"

>

css3

製作404

立體字型頁面效果

h1>

<

div

class

="demo"

>

<

p align

="center"

><

span

>

4<

/span>0

span

><

span

>

4<

/span>

p>

<

p align

="center"

>該頁面不存在(´・ω・`)

p>

div>

body

>

html

>

css**:

@charset

"utf-8"

;

body

.

demo p

:first

-child

.

demo p

:first

-child span

.

demo p

:first

-child span

:hover

.

demo p

:not

(:first

-child

)

CSS3立體盒子的製作

效果如下 3d基礎知識 軸向現在就開始寫我們的 吧 首先是我們的html結構,我們這裡只寫乙個立體正方形.首先乙個正方形得有六個相同面上下左右前後,相應我們去寫六個html元素.class cube class small 上div class small 下div class small 左div...

CSS3 製作魔方 相關立體樣式

最好的實踐,就是給定乙個實踐的目標去實踐。目標 利用 css3 的一些特性,繪製乙個魔方,要可以玩轉的那種,即上下左右每一層都可以獨立旋轉。效果如下 螢幕的起點座標是 0,0,0 往右遞增為 x 方向,使用 left 屬性表示,往下走,遞增為 y 方向,使用 top 屬性表示。而 3d 場景中 z ...

css3 製作漸變

先了解一下目前的幾種現代瀏覽器的核心,主流內容主要有 mozilla gecko 熟悉的有firefox,flock等瀏覽器 moz webkit 熟悉的有safari chrome等瀏覽器 webkit opera presto opera瀏覽器 o trident ie瀏覽器 線性漸變 line...