Ignore:
Timestamp:
12/11/14 09:53:30 (6 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 edited

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%;
Note: See TracChangeset for help on using the changeset viewer.