DEV Community: MARCELINA REDOCINDO The latest articles on DEV Community by MARCELINA REDOCINDO (@marcelina_redocindo). https://dev.to/marcelina_redocindo https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F2979756%2F32e8cedf-2476-4c28-b361-8dab7dfce9c7.jpeg DEV Community: MARCELINA REDOCINDO https://dev.to/marcelina_redocindo en Learn CSS - colors combined MARCELINA REDOCINDO Sat, 11 Jul 2026 17:02:32 +0000 https://dev.to/marcelina_redocindo/learn-css-colors-combined-4n1l https://dev.to/marcelina_redocindo/learn-css-colors-combined-4n1l <p>Check out this Pen I made!</p> <p><iframe height="600" src="https://codepen.io/MARCELINA-BONDOC-REDOCINDO/embed/ogBqGXW?height=600&amp;default-tab=result&amp;embed-version=2"> </iframe> </p> codepen Learn CSS - Out of Gamut MARCELINA REDOCINDO Sat, 11 Jul 2026 17:01:01 +0000 https://dev.to/marcelina_redocindo/learn-css-out-of-gamut-a12 https://dev.to/marcelina_redocindo/learn-css-out-of-gamut-a12 <p>Check out this Pen I made!</p> <p><iframe height="600" src="https://codepen.io/MARCELINA-BONDOC-REDOCINDO/embed/pvRLWvX?height=600&amp;default-tab=result&amp;embed-version=2"> </iframe> </p> codepen Learn CSS - Color RCS MARCELINA REDOCINDO Sat, 11 Jul 2026 17:00:30 +0000 https://dev.to/marcelina_redocindo/learn-css-color-rcs-1gcg https://dev.to/marcelina_redocindo/learn-css-color-rcs-1gcg <p>Check out this Pen I made!</p> <p><iframe height="600" src="https://codepen.io/MARCELINA-BONDOC-REDOCINDO/embed/jEyzGER?height=600&amp;default-tab=result&amp;embed-version=2"> </iframe> </p> codepen Learn CSS - P1 relative color syntax- hover variants MARCELINA REDOCINDO Sat, 11 Jul 2026 17:00:00 +0000 https://dev.to/marcelina_redocindo/learn-css-p1-relative-color-syntax-hover-variants-201c https://dev.to/marcelina_redocindo/learn-css-p1-relative-color-syntax-hover-variants-201c <p>Check out this Pen I made!</p> <p><iframe height="600" src="https://codepen.io/MARCELINA-BONDOC-REDOCINDO/embed/bNgvoNQ?height=600&amp;default-tab=result&amp;embed-version=2"> </iframe> </p> codepen Learn CSS - P1 Colors - Interpolation MARCELINA REDOCINDO Sat, 11 Jul 2026 16:59:19 +0000 https://dev.to/marcelina_redocindo/learn-css-p1-colors-interpolation-5d02 https://dev.to/marcelina_redocindo/learn-css-p1-colors-interpolation-5d02 <p>Check out this Pen I made!</p> <p><iframe height="600" src="https://codepen.io/MARCELINA-BONDOC-REDOCINDO/embed/vEgReEW?height=600&amp;default-tab=result&amp;embed-version=2"> </iframe> </p> codepen Learn CSS - P1 Colors - oklch MARCELINA REDOCINDO Sat, 11 Jul 2026 16:57:44 +0000 https://dev.to/marcelina_redocindo/learn-css-p1-colors-oklch-30 https://dev.to/marcelina_redocindo/learn-css-p1-colors-oklch-30 <p>Check out this Pen I made!</p> <p><iframe height="600" src="https://codepen.io/MARCELINA-BONDOC-REDOCINDO/embed/zxNWExr?height=600&amp;default-tab=result&amp;embed-version=2"> </iframe> </p> codepen Learn CSS - P1 Colors - oklab MARCELINA REDOCINDO Sat, 11 Jul 2026 16:57:08 +0000 https://dev.to/marcelina_redocindo/learn-css-p1-colors-oklab-4bpo https://dev.to/marcelina_redocindo/learn-css-p1-colors-oklab-4bpo <p>Check out this Pen I made!</p> <p><iframe height="600" src="https://codepen.io/MARCELINA-BONDOC-REDOCINDO/embed/yygKzLd?height=600&amp;default-tab=result&amp;embed-version=2"> </iframe> </p> codepen Learn CSS - P1 Colors - p3 MARCELINA REDOCINDO Sat, 11 Jul 2026 16:56:22 +0000 https://dev.to/marcelina_redocindo/learn-css-p1-colors-p3-4nhd https://dev.to/marcelina_redocindo/learn-css-p1-colors-p3-4nhd <p>Check out this Pen I made!</p> <p><iframe height="600" src="https://codepen.io/MARCELINA-BONDOC-REDOCINDO/embed/QwdmqWY?height=600&amp;default-tab=result&amp;embed-version=2"> </iframe> </p> codepen Learn CSS - HSL colors MARCELINA REDOCINDO Sat, 11 Jul 2026 16:53:22 +0000 https://dev.to/marcelina_redocindo/learn-css-hsl-colors-4m7d https://dev.to/marcelina_redocindo/learn-css-hsl-colors-4m7d <p>Check out this Pen I made!</p> <p><iframe height="600" src="https://codepen.io/MARCELINA-BONDOC-REDOCINDO/embed/MYJVEgN?height=600&amp;default-tab=result&amp;embed-version=2"> </iframe> </p> codepen Learn CSS - RGB colors MARCELINA REDOCINDO Sat, 11 Jul 2026 16:51:23 +0000 https://dev.to/marcelina_redocindo/learn-css-rgb-colors-58en https://dev.to/marcelina_redocindo/learn-css-rgb-colors-58en <p>Check out this Pen I made!</p> <p><iframe height="600" src="https://codepen.io/MARCELINA-BONDOC-REDOCINDO/embed/KwaoXPY?height=600&amp;default-tab=result&amp;embed-version=2"> </iframe> </p> codepen Learn CSS - HEX Codes With Alpha MARCELINA REDOCINDO Sat, 11 Jul 2026 16:50:45 +0000 https://dev.to/marcelina_redocindo/learn-css-hex-codes-with-alpha-461p https://dev.to/marcelina_redocindo/learn-css-hex-codes-with-alpha-461p <p>Check out this Pen I made!</p> <p><iframe height="600" src="https://codepen.io/MARCELINA-BONDOC-REDOCINDO/embed/bNgvobm?height=600&amp;default-tab=result&amp;embed-version=2"> </iframe> </p> codepen Learn CSS - Named colors MARCELINA REDOCINDO Sat, 11 Jul 2026 16:47:55 +0000 https://dev.to/marcelina_redocindo/learn-css-named-colors-j38 https://dev.to/marcelina_redocindo/learn-css-named-colors-j38 <p>Check out this Pen I made!</p> <p><iframe height="600" src="https://codepen.io/MARCELINA-BONDOC-REDOCINDO/embed/XJpEerb?height=600&amp;default-tab=result&amp;embed-version=2"> </iframe> </p> codepen