codice HTML:
<html>
<head>
<script type="text/javascript" src="terza.javascript">
</script>
<link href="stile.css" rel="stylesheet" type="text/css">
</head>
<body>
<div id="box">
</div>
<input type="button" value="Fade OUT" onclick="fade('box', 'out', 1)">
<input type="button" value="Fade IN" onclick="fade('box', 'in',1)">
</body>
</html>
codice:
function fade (box, io, 1)
{
    var el = document.getElementById(box);
    switch (io)
{

    case "in":
    el.style.opacity = 1;
    break;
    case "out":
    el.style.opacity = 0;
    break;

}

    el.style.transition = "opacity" + 1 + "s";
    el.style.WebkitTransition = "opacity" + 1 + "s";
}
Ciao ragazzi mi potreste dire cosa c'è di sbagliato visto che non mi funziona ma non ne capisco il motivo?