ThomasStarck (Talk | contribs) |
ThomasStarck (Talk | contribs) |
||
Line 44: | Line 44: | ||
right: 0%; | right: 0%; | ||
transition: right 3s; | transition: right 3s; | ||
− | transition-delay: | + | transition-delay: 2s; |
transition-timing-function: cubic-bezier(.74,0,.34,1); | transition-timing-function: cubic-bezier(.74,0,.34,1); | ||
top: 50%; | top: 50%; | ||
Line 58: | Line 58: | ||
top: 50%; | top: 50%; | ||
transform: translate(0%,-50%); | transform: translate(0%,-50%); | ||
+ | margin-top: 80px; | ||
} | } | ||
#Calque_1{ | #Calque_1{ | ||
Line 67: | Line 68: | ||
#circle1:hover{ | #circle1:hover{ | ||
opacity: .8; | opacity: .8; | ||
+ | } | ||
+ | @media screen and (max-widh: 960px){ | ||
+ | #SVGcontainer2{ | ||
+ | margin-top: 40px; | ||
+ | } | ||
} | } | ||
body { | body { | ||
Line 292: | Line 298: | ||
</svg> | </svg> | ||
</div> | </div> | ||
+ | <div style="width: 100%; position: absolute;"></div> | ||
<div id="SVGcontainer2"> | <div id="SVGcontainer2"> | ||
<svg version="1.1" id="Calque_2" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" | <svg version="1.1" id="Calque_2" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" | ||
− | height | + | height="100%" viewBox="0 0 1920 1080" enable-background="new 0 0 1920 1080" xml:space="preserve"> |
<path d="M-20,598.539c0,4.761,0,9.522,0,14.283c-53.705-1.595-107.41-3.19-161.116-4.785c-3.357-0.1-6.713-0.199-10.07-0.299 | <path d="M-20,598.539c0,4.761,0,9.522,0,14.283c-53.705-1.595-107.41-3.19-161.116-4.785c-3.357-0.1-6.713-0.199-10.07-0.299 | ||
c-3.358-0.1-6.715-0.061-10.073-0.061c-6.716,0-13.432,0-20.148,0c-13.432,0-26.864,0-40.297,0c-26.864,0-53.729,0-80.593,0 | c-3.358-0.1-6.715-0.061-10.073-0.061c-6.716,0-13.432,0-20.148,0c-13.432,0-26.864,0-40.297,0c-26.864,0-53.729,0-80.593,0 |
Revision as of 09:27, 4 September 2018