Carte de site industriel et commercial interactif
Sortie de secours
Cliquez!<\/span><\/button>\n \n <\/div>\n<\/div>\n","customeCssCode":"\n.card {\n max-width: 200px;\n border-radius: 0.5rem;\n background-color: #fff;\n box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);\n border: 1px solid transparent;\n}\n\n.content {\n padding: 1.1rem;\n}\n\n.image {\n object-fit: cover;\n width: 100%;\n height: 150px;\n background-color: rgb(239, 205, 255);\n}\n\n.title {\n color: #111827;\n font-size: 1.125rem;\n line-height: 1.75rem;\n font-weight: 600;\n}\n\n.desc {\n margin-top: 0.5rem;\n color: #6B7280;\n font-size: 0.875rem;\n line-height: 1.25rem;\n}\n\n.action {\n display: inline-flex;\n margin-top: 1rem;\n color: #ffffff;\n font-size: 0.875rem;\n line-height: 1.25rem;\n font-weight: 500;\n align-items: center;\n gap: 0.25rem;\n background-color: #2563EB;\n padding: 4px 8px;\n border-radius: 4px;\n}\n\n.action span {\n transition: .3s ease;\n}\n\n.action:hover span {\n transform: translateX(4px);\n}\n\nbutton {\n position: relative;\n overflow: hidden;\n border: 1px solid #18181a;\n color: #18181a;\n display: inline-block;\n font-size: 15px;\n line-height: 15px;\n padding: 18px 18px 17px;\n text-decoration: none;\n cursor: pointer;\n background: #29i89i;\n user-select: none;\n -webkit-user-select: none;\n touch-action: manipulation;\n}\n\nbutton span:first-child {\n position: relative;\n transition: color 600ms cubic-bezier(0.48, 0, 0.12, 1);\n z-index: 10;\n}\n\nbutton span:last-child {\n color: white;\n display: block;\n position: absolute;\n bottom: 0;\n transition: all 500ms cubic-bezier(0.48, 0, 0.12, 1);\n z-index: 100;\n opacity: 0;\n top: 50%;\n left: 50%;\n transform: translateY(225%) translateX(-50%);\n height: 14px;\n line-height: 13px;\n}\n\nbutton:after {\n content: \"\";\n position: absolute;\n bottom: -50%;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: black;\n transform-origin: bottom center;\n transition: transform 600ms cubic-bezier(0.48, 0, 0.12, 1);\n transform: skewY(9.3deg) scaleY(0);\n z-index: 50;\n}\n\nbutton:hover:after {\n transform-origin: bottom center;\n transform: skewY(9.3deg) scaleY(2);\n}\n\nbutton:hover span:last-child {\n transform: translateX(-50%) translateY(-50%);\n opacity: 1;\n transition: all 900ms cubic-bezier(0.48, 0, 0.12, 1);\n}\n\n","customeCodePopup":"","popupCustomHtml":"","popupCustomCss":"","popupCustomCodeWidth":"","customIconLinkType":"2","elementType":3,"xPos":"9.61","yPos":"46.31","tWidth":"1061.67","iconWidth":"37.5"}' class='imh-6310-drag imh-6310-point-4-3' style='display: none'>
Tooltip text
Camping 🏕
Extincteur
Extincteur