Стилизация <ul><li> - HTML и CSS

botan-32 · 07.06.2017, 17:13

Добрый день! Нужна помощь. Есть список <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>

Naive · 08.06.2017, 11:07

че за "плавное затухание"? приложил бы видео как ты это видишь...
Градиент чтоли? ну дак сделай, гугли css linear-gradient()

07.06.2017, 17:13	#1
botan-32 Пользователь Регистрация: 26.04.2017 Сообщений: 20	Стилизация <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>`

08.06.2017, 11:07	#2
Naive Раздолбайских Дел Старожил Регистрация: 22.05.2009 Сообщений: 3,828	че за "плавное затухание"? приложил бы видео как ты это видишь... Градиент чтоли? ну дак сделай, гугли css linear-gradient() Alar, верни репу!

Опции темы	Поиск в этой теме
Версия для печати Отправить по электронной почте	Поиск в этой теме: Расширенный поиск

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
Стилизация меню	Budun	HTML и CSS	7	20.09.2015 10: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 10:53
Стилизация компонентов	Лубышев	Общие вопросы Delphi	14	05.11.2007 21:48