Mediabirds
#mb-float-panel { opacity: 0; transform: scale(0.92) translateY(12px); pointer-events: none; transition: opacity 0.35s cubic-bezier(0.16, 1, 0.3, 1), transform 0.35s cubic-bezier(0.16, 1, 0.3, 1); } #mb-float-panel.is-open { opacity: 1; transform: scale(1) translateY(0); pointer-events: auto; } #mb-float-toggle { transition: background-color 0.25s ease, transform 0.25s ease, box-shadow 0.25s ease; } #mb-float-toggle:hover { transform: scale(1.03); } #mb-float-toggle:active { transform: scale(0.97); } #mb-float-toggle .mb-float-icon-search, #mb-float-toggle .mb-float-icon-close { transition: opacity 0.2s ease, transform 0.25s ease; position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; } #mb-float-toggle .mb-float-icon-close { opacity: 0; transform: rotate(-90deg) scale(0.6); } #mb-float-toggle.is-active .mb-float-icon-search { opacity: 0; transform: rotate(90deg) scale(0.6); } #mb-float-toggle.is-active .mb-float-icon-close { opacity: 1; transform: rotate(0) scale(1); } #mb-float-toggle .mb-float-label, #mb-float-toggle .mb-float-sub { transition: opacity 0.2s ease, max-width 0.3s ease; overflow: hidden; white-space: nowrap; } #mb-float-toggle.is-active .mb-float-label, #mb-float-toggle.is-active .mb-float-sub { opacity: 0; max-width: 0; padding: 0; margin: 0; }
Gratis check

Hoe vindbaar is jouw website?

40+ checks op SEO, performance & AI-gereedheid.