თვისება text-shadow

თვისება text-shadow არქმევს ჩრდილს ტექსტს. მნიშვნელობად თვისება იღებს 4 პარამეტრს, რომლებიც ჩამოთვლილია გამოტოვებით, ან საკვანძო სიტყვას none, რომელიც ჩრდილს სრულიად უქმობს (ეს არის ნაგულისხმევი მნიშვნელობა).

სინტაქსი

cssსელექტორი {
  text-shadow: წანაცვლება_x-ზე წანაცვლება_y-ზე დაბინდვა ფერი;
}

cssსელექტორი {
  text-shadow: none;
}

პარამეტრები

წანაცვლება ღერძებზე და დაბინდვა მითითებულია ნებისმიერ ზომის ერთეულში, პროცენტების გარდა.

მაგალითი

მოდით, ჩრდილი ქვემოთ და მარცხნივ გადავიტანოთ და დავამატოთ მცირე დაბინდვა:

html<div id="elem">
  Lorem ipsum dolor sit amet.
</div>

css#elem {
  text-shadow: 5px 5px 3px black;
}

Результат:

მაგალითი . მკვეთრი ჩრდილი

ახლა კი ჩრდილს წითელი ფერი მივანიჭოთ, გადავიტანოთ იგი ქვემოთ და მარცხნივ, მაგრამ დაბინდვა მოვაშოროთ - ჩრდილი მკვეთრი იქნება:

html<div id="elem">
  Lorem ipsum dolor sit amet.
</div>

css#elem {
  text-shadow: 10px 10px red;
}

Результат:

მაგალითი . ერთგვაროვანი ჩრდილი

ახლა ჩრდილი არ არის წანაცვლებული, მაგრამ მას დაემატა დაბინდვა:

html<div id="elem">
  Lorem ipsum dolor sit amet.
</div>

css#elem {
  text-shadow: 0px 0px 3px black;
}

Результат:

იხილეთ აგრეთვე