Розробка, підтримка, SEO, просування, соцмережі та реклама сайтів ☣
Кабінет клієнта
Зареєструватись Забули пароль?
» » » Тінь css - box-shadow

Тінь css - box-shadow

Створюю і просуваю комерційні сайти та інтернет-магазини з 2008 року. 15-01-2018 464 0
0 0 00
Тінь css - box-shadow

Розшифровка правил формування тіні css - box-shadow.

*IE молодше 9 версії не підтримують box-shadow.

1. Синтаксис тіні:

X - зрушення по осі ікс
Y - зрушення по осі ігрик
R1 - розмиття, чим більше, тим плавніший перехід
R2 - радіус розтягнення (якщо позитивний, то розтягується, негативний - стискає)
color - колір (можна задавати в любому форматі)
inset - при встановленні цього значення тене буде розміщуватися в блоці (елемента)

box-shadow: X Y R1 R2 color [inset];

2. Множинність тіней для одного об'єкта:

Можна через кому задавати багато різних тіней.

box-shadow: 0px 0px 15px 3px #0f0 inset,
	5px 5px 10px #00f,
	-5px -5px 10px #f00;
	}

3. Прозорість css-3 тіні.

Прозору тінь можна заробити використовуючи RGB кольорову схему:

box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.75);

*0.75 - це є ступінь прозорості, де 0 - це повна прозорість.

---

Генератор тіні онлайн - https://css3gen.com/box-shadow/

Генератор довгих тіней - http://new.s-sd.ru/

 
 


Коментарі

⤹ Залишити свій коментар ⤸

  • оновити, якщо не видно коду

Тарифні плани

Потужний старт Стандартний запуск сайту від $400
  • - ♜ -
  • В стартовий тарифний план входить:

  • Розробка та налаштування сайту
  • Семантичне ядро
  • Оптимізація швидкості
  • Наповнення до SEO 5 сторінок
  • Ліцензія двигунчика DLE
Просунутий SEO оптимізований сайт від $700
  • - ♚ -
  • В SEO тарифний план входить:

  • Створення та налаштування сайту
  • Семантичне ядро
  • Оптимізація швидкості
  • Наповнення до SEO 10 сторінок
  • Ліцензія двигунчика DLE
  • 5 силок + перелінковка
Імперський винущувач конкурентів від $999
  • - ♛ -
  • В імперський тарифний план входить:

  • Розробка сайту
  • Наповнення до SEO 20 сторінок
  • Повна оптимізація
  • Ліцензія двигунчика DLE
  • МОЄ НАТХНЕННЯ та ДОСВІД!
/* soc-knopki */