css3新屬性partE

不知不覺咱們對於css3的屬性瞭解來到了E的部分,相信你們對css3有一個初步的瞭解,這一章咱們爭取完結掉它:
A.Word-wrap & Text-overflow &Text-decoration
word-wrap 可選項有: normal|break-word; normal 只在容許的斷字點換行(瀏覽器保持默認處理)。 break-word 在長單詞或 URL 地址內部進行換行。
Text-overflow:是在文本溢出的時候的處理方式
Text-overflow可選擇項有三種:
clip:修剪文本。
ellipsis:顯示省略符號來表明被修剪的文本。
string:使用給定的字符串來表明被修剪的文本。
我們看一下代碼:css

Text-decoration:(對文本的修飾)
ps:閃爍的效果已經被廢棄

B.CSS3 的漸變效果
CSS3 漸變(gradients)能夠讓你在兩個或多個指定的顏色之間顯示平穩的過渡。 之前,你必須使用圖像來實現這些效果。可是,經過使用 CSS3 漸變(gradients),你能夠減小下載的時間和寬帶的使用。此外,漸變效果的元素在放大時看起來效果更好,由於漸變(gradient)是由瀏覽器生成的。 CSS3 定義了兩種類型的漸變(gradients):

  • 線性漸變(Linear Gradients)- 向下/向上/向左/向右/對角方向
  • 徑向漸變(Radial Gradients)- 由它們的中心定義
別逼逼看代碼:

CSS3 徑向漸變:

更多詳細信息:傳送門
css3的大章節咱們到這邊算是講完了,咱們接下來要開一個canvas的大章節html

相關文章
相關標籤/搜索