css3 隱藏文本
問題描述
請問一下假設文本很多
1111111111111111111122222222222222222222333333333333333333334444444444444444444455555555555555555555
是否可以讓他從第4以下 開始透明度從0到100漸層顯示？比如說我可以設定px高度 從height:200px開始就開始透明度
問題解答
回答1：不知道這樣可否滿足你的要求，內容上層用個元素（這里可以采用偽元素）來
<style type='text/css'> p{position:relative;} p:after{content:’’;position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none;/*讓遮罩層不遮擋內容，可以鼠標穿透點擊下面的內容*//*背景色從0~指定高度（這里100px）為純透明，從指定高度到100%為漸變至不透明*/background:linear-gradient( rgba(255,255,255,0) 100px, rgba(255,255,255,1) 100%); }</style><p> <p>1111111111111111111</p><p>2222222222222222222</p> <p>3333333333333333333</p><p>4444444444444444444</p> <p>5555555555555555555</p><p>6666666666666666666</p> <p>7777777777777777777</p><p>8888888888888888888</p> <p>9999999999999999999</p></p>
效果圖：
css3的background的漸變-webkit-linear-gradient
相關文章：
1. webpack - vue-cli寫的項目（本地跑沒有問題），準備放到Nginx服務器上，有什么配置需要改的？還有怎么部署？2. 極光推送 - Android app消息推送 百度 極光 個推 信鴿哪個好一些？3. 什么是前后端分離？用vue angular等js框架就能實現前后分離了嗎？4. ddos - apache日志很多其它網址，什么情況？5. android - 百度地圖加載完成監聽6. 這是什么情況？？？7. android - 百度地圖拖拽圖標后原來位置的圖標還在？8. docker 下面創建的IMAGE 他們的 ID 一樣？這個是怎么回事？？？？9. 執行composer require mews/captcha報錯Your requirements10. wordpress - nginx 反代 Varnish 走 Https ，WP后臺 ‘您沒有足夠的權限訪問該頁面。’
網公網安備