CSS3的倒影語法有哪些

這篇文章主要介紹“CSS3的倒影語法有哪些”的相關知識，小編通過實際案例向大家展示操作過程，操作方法簡單快捷，實用性強，希望這篇“CSS3的倒影語法有哪些”文章能幫助大家解決問題。

成都創(chuàng)新互聯(lián)是一家專業(yè)提供和田縣企業(yè)網站建設,專注與做網站、網站建設、H5響應式網站、小程序制作等業(yè)務。10年已為和田縣眾多企業(yè)、政府機構等服務。創(chuàng)新互聯(lián)專業(yè)網站建設公司優(yōu)惠進行中。

box-reflect：none | <direction> <offset> ? <mask-box-image>

none：此值為box-reflect默認值，表示無倒影效果；

direction：此值表示box-reflect生成倒影的方向，主要包括以下幾個值：

above：表示生成的倒影在對象（原圖）的上方；

below：表示生成的倒影在對象（原圖）的下方；

left：表示生成的倒影在對象(原圖)的左側；

right：表示生成的倒影在對象(原圖)的右側；

offset：用來設置生成倒影與對象（原圖）之間的間距，其取值可以是固定的像素值，也可以是百分比值，如：

使用長度值來設置生成的倒影與原圖之間的間距，只要是CSS中的長度單位都可以，此值可以使用負值；

使用百分比來設置生成的倒影與原圖之間的間距，此值也可以使用負值

mask-box-image：用來設置倒影的遮罩效果，可以是背景圖片，也可以是漸變生成的背景圖像。

關于“CSS3的倒影語法有哪些”的內容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業(yè)相關的知識，可以關注創(chuàng)新互聯(lián)行業(yè)資訊頻道，小編每天都會為大家更新不同的知識點。

網頁名稱：CSS3的倒影語法有哪些
轉載來源：http://muchs.cn/article18/pipigp.html

成都網站建設公司_創(chuàng)新互聯(lián)，為您提供網站維護、App開發(fā)、網頁設計公司、網站內鏈、網站設計、自適應網站

廣告

聲明：本網站發(fā)布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯(lián)