Improve appearance, opacity, position, and order of cartoon meme.

Tue, 08 May 2012 02:33:30 +0200

author
Michael Schloh von Bennewitz <michael@schloh.com>
date
Tue, 08 May 2012 02:33:30 +0200
changeset 20
9e64c293a6c9
parent 19
64fd4d789cce
child 21
04502f207b8f

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>

mercurial