blur ფუნქცია

blur ფუნქცია საშუალებას აძლევს დაამაღლოთ ფონის სურათები გაუსის მეთოდით.

სინტაქსი

სელექტორი {
	filter: blur(დაბინდვის ზომა);
}

მაგალითი

მოდით, ჩვენს სურათს დავაყენოთ დაბინდვა 2px-ზე:

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

#elem {
	filter: blur(2px);
	background-blend-mode: normal;
	background: url("bg.png") center / cover no-repeat,
	linear-gradient(#00A8DE, #FFF) fixed;
	width: 400px;
	height: 300px;
	border: 1px solid black;
}

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

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