Line 42: | Line 42: | ||
#iconl { | #iconl { | ||
− | + | opacity:0; | |
position:absolute; | position:absolute; | ||
top:50%; | top:50%; | ||
Line 54: | Line 54: | ||
background-image:url(https://static.igem.org/mediawiki/2018/d/d3/T--UC_San_Diego--aiicon.png); | background-image:url(https://static.igem.org/mediawiki/2018/d/d3/T--UC_San_Diego--aiicon.png); | ||
background-size:cover; | background-size:cover; | ||
+ | transition: all .3s ease | ||
} | } | ||
#icon1r { | #icon1r { | ||
− | + | opacity:0; | |
position:absolute; | position:absolute; | ||
top:50%; | top:50%; | ||
Line 69: | Line 70: | ||
background-image:url(https://static.igem.org/mediawiki/2018/8/8e/T--UC_San_Diego--cloudicon.png); | background-image:url(https://static.igem.org/mediawiki/2018/8/8e/T--UC_San_Diego--cloudicon.png); | ||
background-size:cover; | background-size:cover; | ||
+ | transition: all .3s ease | ||
} | } | ||
</style> | </style> | ||
Line 81: | Line 83: | ||
if (width >= 100) { | if (width >= 100) { | ||
clearInterval(id); | clearInterval(id); | ||
− | document.getElementById("iconl").style. | + | document.getElementById("iconl").style.opacity= 1; |
− | document.getElementById("iconr").style. | + | document.getElementById("iconr").style.opacity= 1; |
} else { | } else { | ||
width++; | width++; |
Revision as of 07:42, 1 August 2018