html 10.06.25 dziedz
Data utworzenia: 2025-06-10 06:41:06
<!DOCTYPE html>
<html lang="pl">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Efekty obrazu</title>
<link rel="stylesheet" href="styl.css">
</head>
<body>
<header>
<h2>Efekty na obrazach</h2>
</header>
<section class="blok">
<h3>Obraz 1: Pszczoła</h3>
<img src="pszczola.jpg" alt="pszczoła na fioletowym kwiatku" width="500">
<div>
<input type="radio" name="efekt1" id="blur"> Blur
<input type="radio" name="efekt1" id="sepia"> Sepia
<input type="radio" name="efekt1" id="negatyw"> Negatyw
</div>
<button>Zastosuj</button>
</section>
<section class="blok">
<h3>Obraz 2: Pomarańcza</h3>
<img src="pomarancza.jpg" alt="drzewo pomarańczy" width="500">
<button>Kolorowy</button>
<button>Czarno-biały</button>
</section>
<section class="blok">
<h3>Obraz 3: Owoce</h3>
<img src="owoce.jpg" alt="Kosz pełen owoców" width="500">
<input type="range" min="0" max="100" value="100">
<button>Zastosuj</button>
</section>
<section class="blok">
<h3>Obraz 4: Żółw</h3>
<img src="zolw.jpg" alt="Żółw w wodzie" width="500">
<input type="range" min="0" max="250" value="250">
<button>Zastosuj</button>
</section>
<footer>
<p><a href="http://www.css.com/" target="_blank">Zobacz inne efekty obrazu</a></p>
<p>Stronę wykonał: Numer zdającego</p>
</footer>
</body>
</html>
Powrót