Nos projet
Démo
"" width="100%" height="800px">"</div><div class="footer"><div><div class="custom-css w-embed"><style> .btn-seventeen::before { content: ''; z-index: 0; background: blue; -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 70%, 85% 70%, 80% 70%, 75% 70%, 0 70%); clip-path: polygon(0% 0%, 100% 0%, 100% 70%, 85% 70%, 80% 70%, 75% 70%, 0 70%); transition: clip-path 0.3s cubic-bezier(0.7, 0, 0.2, 1), -webkit-clip-path 0.3s cubic-bezier(0.7, 0, 0.2, 1), transform 0.3s ease; } .btn-seventeen:hover::before { transform: translate3d(0,-10px,0); -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 70%, 85% 70%, 86% 100%, 75% 70%, 0 70%); clip-path: polygon(0% 0%, 100% 0%, 100% 70%, 85% 70%, 86% 100%, 75% 70%, 0 70%); } .btn-seventeen span { display: block; position: relative; } .btn-seventeen .btn-text { display: block; position: relative; transition: transform 0.3s; transform: translate3d(0,-0.556rem,0); z-index: 1; overflow: hidden; } .btn-seventeen:hover .btn-text { transform: translate3d(0,-1.111rem,0); } .btn-seventeen:hover span { animation: MoveUpInitial 0.15s forwards, MoveUpEnd 0.15s forwards 0.15s; } @keyframes MoveUpInitial { to { transform: translate3d(0,-105%,0); } } @keyframes MoveUpEnd { from { transform: translate3d(0,100%,0); } to { transform: translate3d(0,0,0); } } </style></div><div class="all-buttons-use-this w-embed"><style> .btn { pointer-events: auto; font-family: inherit; font-size: inherit; } .btn::before, .btn::after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } </style></div></div><div class="footer-grid"><div id="w-node-a5fd23d7-3aac-e782-c7b3-18b1865336b9-865336b1" class="footer-block"><div class="footer-title">LA STRUCTURE</div><a href="/equipe" class="footer-link">Qui sommes-nous ?</a><a href="/travailler-chez-ygor" class="footer-link">Travailler chez Ygor</a></div><div id="w-node-a5fd23d7-3aac-e782-c7b3-18b1865336c2-865336b1" class="footer-block"><div class="footer-title">LES RESSOURCES</div><a href="/blog" target="_blank" class="footer-link">Blog </a><a href="/accompagnement-de-terrain" class="footer-link">Être accompagné par Ygor</a></div><div id="w-node-a5fd23d7-3aac-e782-c7b3-18b1865336cb-865336b1" class="footer-block"><div class="footer-title">À PROPOS</div><a href="/mentions-legales" class="footer-link">Mentions légales</a><a href="/confidentialites" class="footer-link">Confidentialités</a></div></div></div><div class="section-copyright"><div class="copyright"> 2016 - 2022 www.ygor.fr - All Rights Reserved.</div></div><script src="https://d3e54v103j8qbb.cloudfront.net/js/jquery-3.5.1.min.dc5e7f18c8.js?site=6287b8a34cb0e35f4e7ef49f" type="text/javascript" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script><script src="https://cdn.prod.website-files.com/6287b8a34cb0e35f4e7ef49f/js/webflow.7d20e1314.js" type="text/javascript"></script></body></html>
