Разработка веб интерфейса

Опубликовано: 08.12.2016

видео разработка веб интерфейса

Создание веб интерфейсов на Bootstrap 3

.hs { /* Полупробел для разделения разрядов чисел: 10000 */ margin-left: . 2em; text-decoration: none; } /* Простой текстовый градиент в Вебките */ .text-gradient { -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .text-gradient_green { /* Тонкий цвет для невебкитовых браузеров */ color: #2aab33; background-image: -webkit-linear-gradient(#b0fb68, #2aab33); } , смотрите на сайте разработка веб интерфейса.text-gradient_orange { color: #ff7c2d; background-image: -webkit-linear-gradient(#fdab39, #ff7c2d); } .text-gradient { /* Запрещаем отрисовывать градиент Опере, понимающей префикс -webkit- */ background-image: -o-linear-gradient(transparent, transparent); } /* /Простой текстовый градиент в Вебките */ /* Плохая попытка скооперировать текстовый градиент с падающей тенью */ .text-gradient2 { -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-shadow: 02px 1px rgba(0, 0, 0, . 5); } .text-gradient2_green { color: #2aab33; background-image: -webkit-linear-gradient(#b0fb68, #2aab33); } .text-gradient2_orange { color: #ff7c2d; background-image: -webkit-linear-gradient(#fdab39, #ff7c2d); } .text-gradient2 { background-image: -o-linear-gradient(transparent, transparent); } /* /Плохая попытка скооперировать текстовый градиент с падающей тенью */ /* Текстовый градиент и правильная тень */ .text-gradient3 { position: relative; color: transparent; white-space: nowrap; text-shadow: 02px 1px rgba(0, 0, 0, . 5); } .text-gradient3 .gradient { position: absolute; left: ; 0-webkit-background-clip: text; -webkit-text-fill-color: transparent; text-shadow: none; font-style: normal; } .text-gradient3_green .gradient { color: #2aab33; background-image: -webkit-linear-gradient(#b0fb68, #2aab33); } .text-gradient3_orange .gradient { color: #ff7c2d; background-image: -webkit-linear-gradient(#fdab39, #ff7c2d); } .text-gradient3 .gradient { background-image: -o-linear-gradient(transparent, transparent); } /* /Текстовый градиент и правильная тень */ ul.example strong { font-family: ‘Arial Narrow’, Arial, sans-serif; font-size: 42px; line-height: normal; } Артём Поликарпов Николай! …


Разработка веб интерфейсов по БЭМ методологии [GeekBrains]

Карта