- css添加漸變效果可以用如下代碼:
background:linear-gradient(bottom,rgba(0,0,0,1),rgba(0,0,0,.4));
線性漸變 從底部向上 由黑色不透明到黑色0.4透明 還有一種放射漸變:radial-gradient,由中心向四周發射
在safari、chrome還有opera中:background:-webkit-linear-gradient
在firefox中:background:-moz-linear-gradient
IE瀏覽器暫時不支持漸變
效果圖:
註釋:
-moz-代表firefox瀏覽器私有屬性
-ms-代表IE瀏覽器私有屬性
-webkit-代表chrome、safari私有屬性 - 加載網絡字體在
<head>
標籤中加:
<link href="https://fonts.googleapis.com/css?family=Londrina+Shadow" rel="stylesheet">
這是谷歌字體庫中的字體,然後再在樣式表中加入該字體就可以了