Ответы пользователя по тегу HTML
  • Частичный градиент для <img>

    Neonailol
    @Neonailol
    hardcore
    вот както так
    <div id="image">
    <img src="0ff35a09.jpg" width="159px" height="110px" alt="qq" class="overlayme" />
    <span class="overlayed"></span>
    </div>
    

    #image{
    	width: 159px;
    	height: 110px;
    	position:relative;
    }
    .overlayed{
    display:block;
    position:absolute;
    top:0;
    left:0;
    width: 100%;
    height:100%;
    background: #FFF;
    background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); /* firefox */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,0))); /* webkit */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFFFF', endColorstr='#00FFFFFF',GradientType=0 ); /* ie */
    }
    
    Ответ написан
    Комментировать