CSS FILTER UYGULAMASI

CSS

	.container {
		width:60%;
		background-color: #000;
		margin:50px auto;
		display:flex;
		flex-wrap:wrap;
		justify-content:center;
		padding:1rem;		
	}

	img { width:30%;border:5px solid #fff;margin:1%;}

	img:first-child {filter:blur(5px);}
	img:nth-child(2) {filter:grayscale(100%)}
	img:nth-child(3) {filter:contrast(300%)}
	img:nth-child(4) {filter:sepia(100%)}
	img:nth-child(5) {filter:brightness(200%)}
	img:nth-child(6) {filter:saturate(400%)}
	img:nth-child(7) {filter:invert(100%)}
	img:nth-child(8) {filter:grayscale(100%) blur(5px)}
	img:last-child {filter:blur(5px) brightness(200%);}

HTML

<div class="container">
		<img src="1.jpg">
		<img src="1.jpg">
		<img src="1.jpg">
		<img src="1.jpg">
		<img src="1.jpg">
		<img src="1.jpg">
		<img src="1.jpg">
		<img src="1.jpg">
		<img src="1.jpg">
</div>