Tue, 08 May 2012 02:33:30 +0200
Improve appearance, opacity, position, and order of cartoon meme.
tizenporta/index.html | file | annotate | diff | comparison | revisions |
1.1 --- a/tizenporta/index.html Tue May 08 02:32:37 2012 +0200 1.2 +++ b/tizenporta/index.html Tue May 08 02:33:30 2012 +0200 1.3 @@ -339,6 +339,14 @@ 1.4 opacity: 1; 1.5 } 1.6 1.7 +#picnative:not(.active) { 1.8 + opacity: 0; 1.9 +} 1.10 + 1.11 +#picnative:is(.active) { 1.12 + opacity: 1; 1.13 +} 1.14 + 1.15 #topweb .smalltext { 1.16 font-size: 104px; 1.17 position: absolute; 1.18 @@ -1110,10 +1118,6 @@ 1.19 <h1>Native App</h1> 1.20 </div> 1.21 1.22 - <div id="picnative" class="step" data-x="800" data-y="-540" data-z="-1000" data-scale="0.2"> 1.23 - <img src="quickmeme.png" width="100%" /> 1.24 - </div> 1.25 - 1.26 <div id="svgrich2" class="step" data-x="-1815" data-y="-800" data-z="0" data-scale="1.5"> 1.27 <img src="appsnative.svg" width="100%" /> 1.28 </div> 1.29 @@ -1122,6 +1126,10 @@ 1.30 <img src="tizenarch.svg" width="100%" height="720px" /> 1.31 </div> 1.32 1.33 + <div id="picnative" class="step" data-x="-1800" data-y="-1100" data-z="-1000" data-scale="0.2"> 1.34 + <img src="quickmeme.png" width="100%" /> 1.35 + </div> 1.36 + 1.37 <div id="svgrich3" class="step" data-x="-1815" data-y="-800" data-z="0" data-scale="1.5"> 1.38 <img src="appsweb.svg" width="100%" /> 1.39 </div>