ХТМЛ5 - Схадов Бок

Преглед садржаја
Ово је једна од најочекиванијих карактеристика новог стандарда ЦСС3 и то заједно са ХТМЛ5 успева да привуче многе погледе, позивамо се на Бок Схадов који нам омогућава да поставимо сенке на кутије у нашем документу ХТМЛ, стварајући тако ефекат као да лебди на страници.
Елемент Бок Схадов мора бити састављен на следећи начин:
бок-схадов: хоффсет воффсет блур спреад цолор инсет
Где сваки од његових атрибута обавља функцију, погледајмо сваки од њих детаљно:
  • Хоффсет: То је хоризонтални помак, што је вредност дужине. Позитивна вредност замењује Бок Схадов с десне стране, с друге стране, негативна вредност помера сенку кутије улево.
  • Воффсет: То је вертикални помак, што је вредност дужине. Позитивна вредност помера сенку оквира испод оквира ставке, а негативна вредност помера сенку кутије изнад оквира ставке.
  • Блур: (Опционално) Одређује полупречник дефиниције сенке, што је вредност дужине. Што је већа вредност, ивица оквира предмета остаје замагљена. За подразумевану вредност 0, граница сенке оквира изгледа потпуно дефинисана.
  • Ширење: (Опционално) Одредите радијус ширења сенке, то је мера дужине. Позитивна вредност изазива ширење сенке у свим правцима оквира оквира који садржи, а негативна вредност доводи до контракције сенке елемента који садржи.
  • Боја: (Опционално) То је боја сенке. Ако је изостављен, прегледач ће одлучити о боји.
  • Уметнути: (Опционално) Прави сенку која се баца унутар оквира елемента на који се примењује.

Када сазнамо атрибуте, пређимо брзо на пример кода како бисмо научено применили у пракси.
 Пример

Постоји много различитих врста воћа - само преко 500 врста банана постоји. Док додамо безброј врста јабука, поморанџи и другог добро познатог воћа, суочени смо са хиљадама избора.


Као што видимо, можемо применити Бок Схадов У ЦСС -у унутар ознаке стила овај код генерише следећи резултат:

Још један занимљив аспект је то што у истој декларацији Бок Схадов можемо навести неколико сенки, на пример, у следећем коду ћемо укључити додатну сенку у уложак, да видимо:
 Пример

Постоји много различитих врста воћа - само преко 500 врста банана постоји. Док додамо безброј врста јабука, поморанџи и другог добро познатог воћа, суочени смо са хиљадама избора.


Сада да видимо како су обе сенке приказане у нашем елементу:

Ви ће помоћи развој сајта, дељење страницу са пријатељима

wave wave wave wave wave