Difference between revisions of "Team:Pasteur Paris/TrainingThomas"

Line 58: Line 58:
 
right: 0;
 
right: 0;
 
}
 
}
−
#Calque_1{
+
#SVGcontainer{
 
position: fixed;
 
position: fixed;
−
background-color: red;
 
 
margin-top: 80px;
 
margin-top: 80px;
 
left: 0px;
 
left: 0px;
−
transition: left 1s;
+
transition: transform 1s;
 +
}
 +
#Calque_1{
 +
background-color: red;
 
}
 
}
 
body {
 
body {
Line 70: Line 72:
 
}
 
}
 
@media screen and (max-width: 960px){
 
@media screen and (max-width: 960px){
−
#Calque_1{
+
#SVGcontainer{
 
margin-top: 40px;
 
margin-top: 40px;
 
}
 
}
Line 79: Line 81:
 
$(document).ready(maFonctionDeTest());
 
$(document).ready(maFonctionDeTest());
 
function maFonctionDeTest(){
 
function maFonctionDeTest(){
−
    $("#Calque_1").css("left","100px");
+
    $("#Calque_1").css("transform","translate(-95%,-50%)");
 
}
 
}
 
</script>
 
</script>
 +
<div id="container">
 
<svg version="1.1" id="Calque_1" 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_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
 
height="50vh" width="70vh" viewBox="0 0 3840 1080" enable-background="new 0 0 3840 1080" xml:space="preserve">
 
height="50vh" width="70vh" viewBox="0 0 3840 1080" enable-background="new 0 0 3840 1080" xml:space="preserve">
Line 91: Line 94:
 
<line fill="none" stroke="#000000" stroke-width="14" stroke-miterlimit="10" x1="-1" y1="0" x2="-1" y2="1080"/>
 
<line fill="none" stroke="#000000" stroke-width="14" stroke-miterlimit="10" x1="-1" y1="0" x2="-1" y2="1080"/>
 
</svg>
 
</svg>
 +
</div>
 
 
 
</html>
 
</html>

Revision as of 14:46, 3 September 2018

""