Torna al Blog Back to the Blog HomeLab: Open World #slideshow { position:relative; width:900px; height:600px; margin:10px auto; background:#eeeeee; -moz-box-shadow:0 0 4px #999999; -webkit-box-shadow:0 0 4px #999999; box-shadow:0 0 4px #999999; } #slides li { position:absolute; top:0; left:0; z-index:1; list-style:none; } #slides li img { opacity:0; filter:alpha(opacity=0); -webkit-transition: 1s; -moz-transition: 1s; -o-transition: 1s; transition: 1s; } #slides li:target { z-index: 5; } #slides li:target img { opacity: 1; filter:alpha(opacity=100); } #nav { height:50px; position: absolute; bottom:25px; right:20px; z-index: 10; } #nav li { display:inline-block; margin-bottom:15px; } #nav li.aCapo { clear: both; display:inline; margin-bottom::15px; } #nav li.aNuovo { clear: both; display:inline; margin-bottom::15px; } #nav a { padding:5px 10px; margin:0 0 0 5px; -moz-border-radius:15px; -webkit-border-radius:15px; border-radius:15px; font-weight:bold; color:#000000; background:rgb(255,255,255); background:rgba(255,255,255,0.4); -moz-box-shadow:0 0 4px #333333; -webkit-box-shadow:0 0 4px #333333; box-shadow:0 0 4px #333333; } #nav a:hover, #nav a:focus { color:#ff0000; background: rgba(255,255,255,0.7); -moz-box-shadow:0 0 4px #000000; -webkit-box-shadow:0 0 4px #000000; box-shadow:0 0 4px #000000; outline:none; } 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29
↧