Changeset 29579

Show
Ignore:
Timestamp:
11.12.2014 09:53:30 (5 years ago)
Author:
bmt11
Message:

Final touches on CSS slider for weather effects. Need to still implement sunny weather change.

Location:
other-projects/nz-flag-design/trunk
Files:
4 modified

Legend:

Unmodified
Added
Removed
  • other-projects/nz-flag-design/trunk

  • other-projects/nz-flag-design/trunk/main-form/iterative-design.html

    r29572 r29579  
    5555          <div id="render-3d-div"> 
    5656            <iframe src="../render-3d/flag.html"  
    57                 style="width: 100%; height: 100%;" 
     57                style="width: 100%; height: 100%; overflow: hidden;" 
    5858                id="render-3d-iframe" ></iframe> 
    5959          </div> 
  • other-projects/nz-flag-design/trunk/render-3d/CSS/button.css

    r29575 r29579  
    44    -webkit-border-radius:42px; 
    55    border-radius:100%; 
    6     border:4px solid #057fd0; 
     6    border:1vh solid #057fd0; 
    77    display: block; 
    88    cursor:pointer; 
    99    color:#ffffff; 
    10     padding:50px; 
     10    padding:calc(88vh/6); 
    1111    float: right; 
    12     margin: 10% 15% 10% 10%; 
     12    margin: 1vh; 
     13    margin-right: 5%; 
     14    background-size: cover; 
    1315} 
    1416.myButton:hover { 
  • other-projects/nz-flag-design/trunk/render-3d/flag.html

    r29575 r29579  
    4444                background-image: url("./images/arrow.png"); 
    4545                background-position: center; 
    46                 background-size: 5vw 10vh; 
     46                background-size: cover; 
     47                background-repeat: no-repeat; 
    4748                margin: auto; 
    4849                right: 1vw; 
    4950                width: 5vw; 
    50                 height: 10vh; 
     51                height: 5vw; 
    5152                position: relative; 
    5253                border-radius: 100%;