Chcę zrobić coś w tym stylu. Czyli pojawiające się kółko przy zamykaniu zakładek na krzyżyku.
Oto mój kod:
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="arkusz.css">
</head>
<body>
<div id="myImage"></div>
</body>
</html>
arkusz.css
body{
background-color: yellow;
}
div#myImage{
background-image: url("cross.png");
width: 16px;
height: 16px;
}
div#myImage:hover{
background-image: url("cross.png");
width: 16px;
height: 16px;
background-repeat: no-repeat;
border-radius: 20px;
background-color: red;
}
Niestety nie wiem czemu, ale pojawiające się kółko ucina cześć obrazka, a zwiększanie border-radius nic nie daje. Chciałbym aby średnica kółka była znacznie większa od krawędzi krzyżyka i żeby mógł łatwo ją regulować.