diff --git a/WEB/View/src/CSS/Main2.css b/WEB/View/src/CSS/Main2.css index 62ccf31b..571d5eb6 100644 --- a/WEB/View/src/CSS/Main2.css +++ b/WEB/View/src/CSS/Main2.css @@ -67,25 +67,45 @@ button:focus { opacity: 0; height: 100%; box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); + transition: all 0.6s; + -webkit-transition: all 0.6s; + -moz-transition: all 0.6s; + -ms-transition: all 0.6s; + -o-transition: all 0.6s; } #profil.open { left: 0; opacity: 1; display: flex; - transition: all 0.3s; - -webkit-transition: all 0.3s; - -moz-transition: all 0.3s; - -ms-transition: all 0.3s; - -o-transition: all 0.3s; + transition: all 0.6s; + -webkit-transition: all 0.6s; + -moz-transition: all 0.6s; + -ms-transition: all 0.6s; + -o-transition: all 0.6s; +} + +#profilIcon { + font-size: 40px; + color: white; + transform: rotate(90deg); + -webkit-transform: rotate(90deg); + -moz-transform: rotate(90deg); + -ms-transform: rotate(90deg); + -o-transform: rotate(90deg); + transition: transform 0.8s; + -webkit-transition: transform 0.8s; + -moz-transition: transform 0.8s; + -ms-transition: transform 0.8s; + -o-transition: transform 0.8s; } #profilIcon.open { - transition: transform 0.5s; - -webkit-transition: transform 0.5s; - -moz-transition: transform 0.5s; - -ms-transition: transform 0.5s; - -o-transition: transform 0.5s; + transition: transform 0.8s; + -webkit-transition: transform 0.8s; + -moz-transition: transform 0.8s; + -ms-transition: transform 0.8s; + -o-transition: transform 0.8s; background: none; transform: rotate(180deg) !important; -webkit-transform: rotate(180deg) !important; diff --git a/WEB/View/src/pages/Main2.html b/WEB/View/src/pages/Main2.html index 051fcd66..71f40eff 100644 --- a/WEB/View/src/pages/Main2.html +++ b/WEB/View/src/pages/Main2.html @@ -40,13 +40,12 @@ + + + +