渐变

dabblet.css

      .mod { 
        height:100px;
        width:50%;
        margin:auto;
        font-size:12px;
        text-align:center;
        
        background-image:
        url(http://img3.douban.com/icon/u1170308-29.jpg),
        -webkit-gradient(radial, top top, 0px, top top, 100%, color-stop(0%,rgba(255,255,0,0.5)), color-stop(70%,rgba(0,255,0,0)));


        background-image:
        url(http://img3.douban.com/icon/u1170308-29.jpg),
        -webkit-radial-gradient(top, ellipse cover,  rgba(255,255,0,0.5) 0%,rgba(0,255,0,0) 70%);

        background-image:
        url(http://img3.douban.com/icon/u1170308-29.jpg),
        -moz-radial-gradient(top, ellipse cover,  rgba(255,255,0,0.5) 0%,rgba(0,255,0,0) 70%);

        background-repeat:no-repeat;
        background-position:50% 0;
      }   


      .scroll { 
        padding:60px;
        overflow-x:-webkit-marquee;-webkit-marquee-speed:slow;
        -webkit-marquee-increment:large;
      }   

dabblet.html

    <div class="mod scroll">
      懒懒猫遇明主的私人兆赫 <a href="">退出</a>
    </div>

settings.json

{"view":"split","prefixfree":"1","page":"css"}