如圖，在谷歌瀏覽器的收藏夾上看到的，第一個(gè)和第三個(gè)文本最后都有漸變隱藏的效果，請(qǐng)教如何實(shí)現(xiàn)。非常感謝
4 回答
杜發(fā)明
TA貢獻(xiàn)202條經(jīng)驗(yàn) 獲得超301個(gè)贊
這個(gè)簡(jiǎn)單，只用css可實(shí)現(xiàn)：
css3過渡：transition: 過渡的屬性 過渡的時(shí)間(秒); ? ?一般和:hover搭配使用。
詳細(xì)可查w3c
此生不換93
TA貢獻(xiàn)2條經(jīng)驗(yàn) 獲得超0個(gè)贊
剛剛那個(gè)不完整
p::after {
height: 16px;
content: ""; // '...'
position:absolute;
bottom:9px;
right:0;
padding-left:30px;
background:-webkit-linear-gradient(left,transparent,#fff 55%);
background:-o-linear-gradient(right,transparent,#fff 55%);
background:-moz-linear-gradient(right,transparent,#fff 55%);
background:linear-gradient(to right,transparent,#fff 55%);
}
此生不換93
TA貢獻(xiàn)2條經(jīng)驗(yàn) 獲得超0個(gè)贊
height: 16px;
content: ""; // '...'
position:absolute;
bottom:9px;
right:0;
padding-left:30px;
background:-webkit-linear-gradient(left,transparent,#fff 55%);
background:-o-linear-gradient(right,transparent,#fff 55%);
background:-moz-linear-gradient(right,transparent,#fff 55%);
background:linear-gradient(to right,transparent,#fff 55%);
添加回答
舉報(bào)
0/150
提交
取消