diff --git a/css/app.css b/css/app.css index fcf552f..f6894b5 100644 --- a/css/app.css +++ b/css/app.css @@ -1,4 +1,12 @@ @keyframes wiggle{0%{padding-top:20px}50%{padding-top:28px}to{padding-top:20px}} +@keyframes bounceright { + from { + -webkit-transform: translateX(0); + } + to { + -webkit-transform: translateX(3px); + } + } @font-face { font-family: "Spartan"; src: url('./fonts/Spartan-VariableFont_wght.ttf'); @@ -26,6 +34,60 @@ button:focus { outline: none !important; } +.button { + display: flex; + align-items: center; + font-family: "Montserrat", "Trebuchet MS", Helvetica, sans-serif; + -webkit-font-smoothing: antialiased; + position: relative; + padding: 0.8em 1.4em; + padding-right: 4.7em; + max-width: 250px; + margin: auto; + background: #009ed8; + border: none; + border-radius: 5px; + color: white !important; + text-decoration: none !important; + transition: 0.2s; + } + .button:before, + .button:after { + position: absolute; + right: 0; + padding-top: inherit; + padding-bottom: inherit; + width: 2.8em; + content: "\00a0"; + font-family: "Font Awesome 5 Free", sans-serif; + font-size: 1.2em; + text-align: center; + transition: 0.2s; + transform-origin: 50% 60%; + } + .button:before { + background: rgba(0, 0, 0, 0.1); + top: 0; + bottom: 0; + } + .button:hover { + background: #0079a5; + } + .button:active, + .button:focus { + background: #002e3f; + outline: none; + } + + .arrow:after { + font-weight: 900; + content: "\f105"; + } + .arrow:hover:after { + -webkit-animation: bounceright 0.3s alternate ease infinite; + animation: bounceright 0.3s alternate ease infinite; + } + /*HEADER*/ header { width: 100%; diff --git a/images/rea/renault.svg b/images/rea/renault.svg new file mode 100644 index 0000000..67fa555 --- /dev/null +++ b/images/rea/renault.svg @@ -0,0 +1,8 @@ + + diff --git a/index.html b/index.html index e9c697f..3088332 100644 --- a/index.html +++ b/index.html @@ -154,7 +154,7 @@
Conception Web qui vise à l'élaboration de sites avec une expérience optimale de lecture et de navigation pour l'utilisateur quelle que soit sa gamme d'appareil.
@@ -164,7 +164,7 @@