ფუნქცია sepia
ფუნქცია sepia საშუალებას გაძლევს
გახადოთ ფონის გამოსახულება სეპია -
შავ-თეთრი გამოსახულება ყავისფერი
ჩრდილით. მნიშვნელობა 0 ნიშნავს,
რომ გამოსახულება ორიგინალური დარჩება.
მნიშვნელობა 100% ან 1 სრულად
აქცევს ფონს სეპიად. ნებისმიერი რიცხვი, რომელიც მდებარეობს
ამ დიაპაზონში, ადგენს სეპიის გამოყენებას წრფივად.
უარყოფითი მნიშვნელობის მინიჭება შეუძლებელია.
სტანდარტულად მნიშვნელობა უდრის 0.
სინტაქსი
სელექტორი {
filter: sepia(რიცხვი);
}
მაგალითი
მოდით, ჩვენი გამოსახულება გავხადოთ სრული სეპია:
<div id="elem"></div>
#elem {
filter: sepia(100%);
background: url("bg.png") center / cover no-repeat;
width: 400px;
height: 300px;
border: 1px solid black;
}
:
მაგალითი
ახლა კი შევამციროთ სეპიის გამოყენება
50%-ით:
<div id="elem"></div>
#elem {
filter: sepia(50%);
background: url("bg.png") center / cover no-repeat;
width: 400px;
height: 300px;
border: 1px solid black;
}
:
მაგალითი
ახლა კი მივანიჭოთ
ფუნქციას sepia მნიშვნელობა
0-ის ტოლი:
<div id="elem"></div>
#elem {
filter: sepia(0);
background: url("bg.png") center / cover no-repeat;
width: 400px;
height: 300px;
border: 1px solid black;
}
:
იხილეთ აგრეთვე
-
ფუნქცია
blur,
რომელიც აბუნდოვნებს ფონს -
ფუნქცია
brightness,
რომელიც ადგენს ფონის სიკაშკაშეს -
ფუნქცია
contrast,
რომელიც ადგენს ფონის კონტრასტულობას -
ფუნქცია
drop-shadow,
რომელიც ადგენს ჩრდილს ფონისთვის -
ფუნქცია
hue-rotate,
რომელიც ადგენს ფონის ფერიანობას -
ფუნქცია
invert,
რომელიც აბრუნებს ფონის ფერებს -
ფუნქცია
opacity,
რომელიც ადგენს ფონის გამჭვირვალობას -
თვისება
background,
რომელიც წარმოადგენს შემოკლებულ თვისებას ფონისთვის -
თვისება
background-image,
რომლის საშუალებითაც ბლოკს შეუძლია მიანიჭოს ფონის სურათი -
თვისება
filter,
რომელიც ადგენს სტილს ფონისთვის