html - 在 div 的末尾淡入淡出文本？

Question

是否可以使用 CSS 使靠近 div 末尾的文本水平淡化。

例如像这样:

Answer 1

CSS 渐变和 rgba 将完成这项工作

Demo

Extended Text Version (更新)

div {
    position: relative;
    display: inline-block;
}

div span {
    display: block;
    position: absolute;
    height: 80px;
    width: 200px;    
    right: 0;
    background: linear-gradient(to right, rgba(255,255,255,.6) 30%,rgba(255,255,255,1) 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,.6)), color-stop(100%,rgba(255,255,255,1)));
    background: -webkit-linear-gradient(left, rgba(255,255,255,.6) 30%,rgba(255,255,255,1) 100%);
    top: 0;

Note: I've stripped off cross-browser CSS gradient code, you can get it from http://www.colorzilla.com/gradient-editor/

关于最近在 CSS3 规范中引入的 rgba()，我希望您知道 RGB 代表什么，a 代表 alpha，所以不要使用 HEX 我正在使用 RGBA 并且只是在这里玩 alpha 部分