Codex Topic: CSS
-
Page Scrolls with Video, Scrub GSAP, ScrollTrigger
See the Pen gsap video scrub blog scrolltrigger by sinanisler (@sinanisler) on CodePen.
-
Simple Native Popup, NoLib, CSS, JS
Simple Native Popup, NoLib, CSS, JS if z-index problem happens just put he html part higher in the dom list. like right after the <body> Open Popup 1 Open Popup 2 X Content for Popup 1 X Content for Popup 2
-
Simple Native Accordion, CSS, JS
Simple Native Accordion, CSS, JS Header 1 Content for first column. Header 2 Content for second column. Header 3 Content for third column. Header 4 Content for fourth column.
-
Elementor New Carousel Secondary Sub Element Animations
this example for buttons but can be applied to any sub dom element this animations will fire every time a slide becomes active. sadly elementor cant do that. elementor animations only work in entrance style cant make it when sub slides active each time we see them 🙂 selector .swiper-slide .elementor-widget-button { opacity:…
-
clamp() Calculator – CSS Responsive Font Text Size Calculator
clamp() Calculator for Fonts and Texts The clamp() function in CSS is a way of setting responsive styles based on a range. Minimum Size (px): Maximum Size (px): Minimum Viewport (px): Maximum Viewport (px): Root Font Size (px): Calculate The Result clamp(1rem, -2.764rem + 16.731vw, 11.875rem) The browser will choose the preferred value unless it’s…
-
multi region and multi language selector, auto change multi selector
like in the adobe cloud sites 😉 you just need to change and match the two arrays. data array and language array. be sure to match them or it wont fire url properly. Select a Region Select a Country Select a Language Confirm