თვისება filter

თვისება filter აყენებს ფონის გამოსახულებას მოცემულ მხატვრულ სტილს ან ფილტრს. თვისებას შეუძლია მიიღოს მნიშვნელობად მხატვრული სტილების სახელები, რომლებიც ფორმირდება ფუნქციით filter ან none (არჩეული ფილტრის გაუქმება).

სინტაქსი

სელექტორი {
	filter: მხატვრული სტილი ან none;
}

მაგალითი

მოდით, ჩვენი გამოსახულებისთვის ვაყენოთ შავ-თეთრი ფილტრი, ხოლო მაუსის მიტანისას გავაუქმოთ იგი:

<div id="elem"></div>

#elem {
	filter: grayscale(100%);
	background: url("bg.png") center / cover no-repeat;
	width: 400px;
	height: 300px;
	border: 1px solid black;
}
#elem:hover {
	filter: none;
}

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

თვისება background,
რომელიც წარმოადგენს შემოკლებულ თვისებას ფონისთვის
ფუნქცია blur,
რომელიც აბუნდოვნებს ფონს
ფუნქცია brightness,
რომელიც აყენებს სიკაშკაშეს ფონს
ფუნქცია contrast,
რომელიც აყენებს კონტრასტულობას ფონს
ფუნქცია drop-shadow,
რომელიც აყენებს ჩრდილს ფონს
ფუნქცია hue-rotate,
რომელიც აყენებს ფერიანობას ფონს
ფუნქცია invert,
რომელიც ინვერტირებს ფონის ფერებს
ფუნქცია opacity,
რომელიც აყენებს გამჭვირვალობას ფონს
ფუნქცია sepia,
რომელიც გარდაქმნის ფონს სეპიაში