Information

Sajt

5 Filter på bild

  • Gör så att bilden A nedan filtret "brightness" med parameter 200%.
  • Gör så att bilden B nedan filtret "blur" med parameter 10px.
  • Gör så att bilden C nedan blir svartvit.
  • Gör så att bilden D nedan får invertera färgerna.
  • Gör så att bilden E nedan filtrert "contrast" med inparameter 150% och sedan filtrert "brightness" med 5% på bilden nedan.
  • Gör så att bilden F nedan kombinera många filter för att skapa en intressant variant av bilden nedan.

Kod 


<!DOCTYPE html>
<html lang="sv">
<head>
<meta charset="utf-8" />
<style>
	</style>
	<style>
	     img {
			 margin: 10px;
		     width: 320px;
		     height: 240px;
		 } 
	</style>
</head>
<body>
<h1> Image </h1>
<h1> A </h1>
<img id="image-1" src="https://htsit.se/image/daisy.jpg" />
<h1> B </h1>
<img id="image-2" src="https://htsit.se/image/daisy.jpg" />
<h1> C </h1>
<img id="image-3" src="https://htsit.se/image/daisy.jpg" />
<h1> D </h1>
<img id="image-4" src="https://htsit.se/image/daisy.jpg" />
<h1> E </h1>
<img id="image-5" src="https://htsit.se/image/daisy.jpg" />
<h1> F </h1>
<img id="image-6" src="https://htsit.se/image/daisy.jpg" />
</body>
</html>

Du ska bara lägga till något mellan style-tagarna.

Nyheter