Martl: Grafik soll aktiv bleiben (:active)

Beitrag lesen

Hallo,

und hier ein Demo - ohne weiteren Firlefanz - dazu

<!DOCTYPE HTML>
<html lang="de">
	<head>
		<meta http-equiv="content-type" content="text/html; charset=utf-8">
		<title>
		</title>
		<style>

img {
	transition: all 1s;
	display: block;
	width: 10vw;
	height: 10vh;
	background: lightgrey;
	margin:auto;
	cursor:pointer;
}
img:focus {
	transition: all 1s;
	width: 90vw;
	height: 90vh;
	position: relative;
	z-index: -10;
}
		</style>
	</head>
	<body>
		<img tabindex="0" src="#" alt="größer | kleiner mit Klick oder Tabulator">
	</body>
</html>

... to whom it may concern.

Gruß Martl