學習筆記 2017年9月14日

  1. 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私有屬性
  2. 加載網絡字體在<head>標籤中加:
<link href="https://fonts.googleapis.com/css?family=Londrina+Shadow" rel="stylesheet">

這是谷歌字體庫中的字體,然後再在樣式表中加入該字體就可以了

發佈了28 篇原創文章 · 獲贊 18 · 訪問量 2萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章