| Autor | Zpráva | ||
|---|---|---|---|
| 4libor Profil |
#1 · Zasláno: 12. 11. 2017, 19:23:24
řeším problém:
mám obrázek, který se mi po najetí myší zvětší... a potřeboval bych, aby se po zvetšení překryl dalším (průhledné png s popiskami)... kód: <!doctype html>
<html>
<head>
<style type="text/css">
button {
transition: 0.5s transform;
border-radius: 8px;
border: 2px solid #CC0000;
margin-top: 13px;
margin-right: 15px;
margin-bottom: 18px;
margin-left: 13px;
background-color: #FFFFFF;}
button:hover {
margin-top: 11px;
margin-right: 14px;
margin-bottom: 15px;
margin-left: 12px;
border: 3px solid #CC0000;}
</style>
<script>
function zvetsit(el) {
var pomer = 1.3;
var transformace = "scale(" + pomer + ")";
el.style.webkitTransform = transformace;
el.style.mozTransform = transformace;
el.style.oTransform = transformace;
el.style.MsTransform = transformace;
el.style.transform = transformace;}
function zmensit(el) {
var pomer = 1;
var transformace = "scale(" + pomer + ")";
el.style.webkitTransform = transformace;
el.style.mozTransform = transformace;
el.style.oTransform = transformace;
el.style.MsTransform = transformace;
el.style.transform = transformace;}
</script>
</head>
<body>
<button onMouseOver="zvetsit(this)" onMouseOut="zmensit(this)" onclick="javascript:location.href='$PHP_SELF?page=1'">
<img src="image.jpg" width="170" height="170"> </button>
</body>
</html>děkuji za každou radu libor 4libor@gmail.cz |
||
| Bubák Profil |
#2 · Zasláno: 12. 11. 2017, 21:45:48
|
||
|
Časová prodleva: 6 let
|
|||
0