Форум программистов
 
Контакты: о проблемах с регистрацией, почтой и по другим вопросам пишите сюда - alarforum@yandex.ru, проверяйте папку спам! Обязательно пройдите активизацию e-mail.

Вернуться   Форум программистов > Web > HTML и CSS
Регистрация

Восстановить пароль
Повторная активизация e-mail

Ответ
 
Опции темы
Старый 07.06.2017, 18:13   #1
botan-32
Пользователь
 
Регистрация: 26.04.2017
Сообщений: 20
Репутация: 10
По умолчанию Стилизация <ul><li>

Добрый день! Нужна помощь. Есть список <ul> с горизонтальными границами. Как сделать так, что бы края линий справа и слева имели плавный переход, то есть эффект затухания? Заранее спасибо.
Код:

        <style>
            ul{
                list-style-type: none;
                list-style-position: outside;
                width: 500px;
            }
            li{
                border-bottom: 1px solid #eee;
                padding: 5px 0 5px 20px;
                position: relative;
            }
            li:first-child{
                border-bottom: 1px solid #777;
            }            
        </style>

Код:

    <body>
        <ul>
            <li>
                1
            </li>
            <li>
                2
            </li>
            <li>
                3
            </li>
            <li>
                4
            </li>                    
        </ul>        
    </body>

botan-32 вне форума   Ответить с цитированием
Старый 08.06.2017, 12:07   #2
Naive
Раздолбайских Дел
Профессионал
 
Аватар для Naive
 
Регистрация: 22.05.2009
Адрес: Екатеринбург
Сообщений: 3,694
Репутация: 2205
По умолчанию

че за "плавное затухание"? приложил бы видео как ты это видишь...
Градиент чтоли? ну дак сделай, гугли css linear-gradient()
__________________
Работаю. В этот раз за деньги.
Жду ваши искренние спасибы на яндекс-кошелек: 410011068154587
Naive вне форума   Ответить с цитированием
Ответ

Опции темы

Ваши права в разделе
Вы не можете создавать новые темы
Вы не можете отвечать в темах
Вы не можете прикреплять вложения
Вы не можете редактировать свои сообщения

BB коды Вкл.
Смайлы Вкл.
[IMG] код Вкл.
HTML код Выкл.

Быстрый переход

Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Стилизация меню Budun HTML и CSS 7 20.09.2015 11:48
Стилизация кнопки Submit Gift020 HTML и CSS 0 20.03.2013 14:44
Стилизация radiobutton'ов. JQuery ZvEr_HaCkEr JavaScript, Ajax 6 12.12.2011 13:23
Стилизация Select'а Radko HTML и CSS 0 20.01.2011 11:53
Стилизация компонентов Лубышев Общие вопросы Delphi 14 05.11.2007 22:48


18:21.


Powered by vBulletin® Version 3.8.8 Beta 2
Copyright ©2000 - 2018, Jelsoft Enterprises Ltd.

RusProfile.ru


Справочник российских юридических лиц и организаций.
Проекты отопления, пеллетные котлы, бойлеры, радиаторы
интернет магазин respective.ru