Показать сообщение отдельно
  #7 (permalink)  
Старый 25.01.2015, 20:12
Интересующийся
Отправить личное сообщение для horan Посмотреть профиль Найти все сообщения от horan
 
Регистрация: 28.11.2014
Сообщений: 13

Сообщение от рони Посмотреть сообщение
horan,
<div class="picker" id="picker">
    <svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="100%" height="100%">
        <defs>
            <linearGradient id="gradient-black" x1="0%" y1="100%" x2="0%" y2="0%">
                <stop offset="0%" stop-color="#000000" stop-opacity="1" />
                <stop offset="100%" stop-color="#CC9A81" stop-opacity="0" />
            </linearGradient>
            <linearGradient id="gradient-white" x1="0%" y1="100%" x2="100%" y2="100%">
                <stop offset="0%" stop-color="#FFFFFF" stop-opacity="1" />
                <stop offset="100%" stop-color="#CC9A81" stop-opacity="0" />
            </linearGradient>
        </defs>
        <rect x="0" y="0" width="100%" height="100%" fill="url(#gradient-white)" />
        <rect x="0" y="0" width="100%" height="100%" fill="url(#gradient-black)" />
    </svg>
</div>

<div class="picker" id="picker-grad" style="background-color: rgb(0, 107, 255);">
    <svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="100%" height="100%">
        <defs>
            <linearGradient id="gradient-black" x1="0%" y1="100%" x2="0%" y2="0%">
                <stop offset="0%" stop-color="#000000" stop-opacity="1" />
                <stop offset="100%" stop-color="#CC9A81" stop-opacity="0" />
            </linearGradient>
            <linearGradient id="gradient-white" x1="0%" y1="100%" x2="100%" y2="100%">
                <stop offset="0%" stop-color="#FFFFFF" stop-opacity="1" />
                <stop offset="100%" stop-color="#CC9A81" stop-opacity="0" />
            </linearGradient>
        </defs>
        <rect x="0" y="0" width="100%" height="100%" fill="url(#gradient-white)" />
        <rect x="0" y="0" width="100%" height="100%" fill="url(#gradient-black)" />
    </svg>
</div>
Спасибо,я это понял!Но в моем исходном коде я задаю разные ID. А браузер интерпретирует одинаковые. Интересно! По ходу я что то не догоняю
Ответить с цитированием