【網摘自CSDN網站】當常值內容過多，展開更多 （css控制,）

標籤：bsp   重點   100%   tom   bubuko   sdn   line   rem   rgba   

 

<div class="more"><p class="btn">顯示全部內容</p></div>

 

.more {
display:none;padding-top:80px;
background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,0)),color-stop(70%,#fff));
background-image:linear-gradient(-180deg,rgba(255,255,255,0) 0%,#fff 70%);
position:absolute;bottom:.42rem;width:100%;}.btn{color:#3196F7;letter-spacing:1px;font-size:.14rem;height:.4rem;line-height:.4rem;}

 

重點是： background-image:linear-gradient，與 padding-top 

 

 

css 控制效果後便是這樣，上面部分會帶模糊效果。因為都是白色，並不是很明顯。

 

【網摘自CSDN網站】當常值內容過多，展開更多 （css控制,）