如圖，在谷歌瀏覽器的收藏夾上看到的，第一個和第三個文本最后都有漸變隱藏的效果，請教如何實現(xiàn)。非常感謝
4 回答
杜發(fā)明
TA貢獻202條經(jīng)驗 獲得超301個贊
這個簡單，只用css可實現(xiàn)：
css3過渡：transition: 過渡的屬性 過渡的時間(秒); ? ?一般和:hover搭配使用。
詳細可查w3c
此生不換93
TA貢獻2條經(jīng)驗 獲得超0個贊
剛剛那個不完整
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貢獻2條經(jīng)驗 獲得超0個贊
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%);
添加回答
舉報
0/150
提交
取消