#### 文字陰影

~~~
1.text-shadow: none|h-shadow v-shadow blur color;寬偏移 高偏移 模糊度 顏色
2.陰影不占位置,不占總體空間
3.text-shadow可設置多個 如:
text-shadow:2px 3px 4 #333,-2px -3px 4 red;
~~~
* * * * *
#### 盒子陰影(可以設置多個)
~~~
box-shadow: 60px -16px teal; /* offset-x | offset-y | color */
box-shadow: 10px 5px 5px black; /* offset-x | offset-y | blur-radius | color */
box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
/* offset-x | offset-y | blur-radius | spread-radius | color */
模糊度|展開度/擴散度,影響陰影寬度
box-shadow: inset 5em 1em gold; /* inset | offset-x | offset-y | color */
inset:內陰影,會被圖片遮住
box-shadow: 3px 3px red, -1em 0 0.4em olive; /* Any number of shadows, separated by commas */
/* Global keywords */
box-shadow: inherit;
box-shadow: initial;
box-shadow: unset;
~~~
- 1.基本樣式
- 0.樣式初始化
- 1. 漸變色
- 2. hover問題
- 3. 陰影
- 4. 選擇器
- 5. border.畫邊線
- 6. 水平垂直居中
- 7.input 輸入框需要縮進
- 8.文字問題
- 2. 方法
- 1. 定位浮動和flex
- 1. 阮一峰
- 2. position
- 3. flex
- 2. bootstrap 3
- 3. sass語法
- 4.margin-top bug 解決方法
- 5. iconfont圖標
- 3. 動畫特效
- 特效總結
- 動畫
- css2d轉換
- 過渡
- 1. 入場從無到有
- 2. 兩面切換
- 3. 小三角及原理
- 4. 點擊圖片單獨顯示
- 5. 導航條吸頂
- 6. 進度條
- 7. animate效果 jquery
- 8.3D透視旋轉
- 4.grid布局
- 1.grid布局 網格居中對齊
- HTML
- 第一節、學習網站
- 第二節、封裝
- 第三節、快捷鍵使用