Sunkanmi Fafoworasunkanmi.hashnode.dev·Dec 21, 2024How to make a modal using CSS :modal pseudo-classHow can you create a modal? Well, I’m glad you asked! A good way to create a modal on the web is by using two properties - the HTML <dialog> and the CSS pseudo-class :modal. In this article, we will explore how the CSS :modal pseudo-class works and h...10 likesCSS-CornerCSS
Sunkanmi Fafoworasunkanmi.hashnode.dev·Dec 17, 2024CSS counter() & counter-incrementI believe CSS is changing in ways you don’t expect. From the introduction of several math functions like sin(), cos(), calc(), random(), and many more, it is getting accepted as a programming language rather than a style sheet language. One of its ot...10 likesCSS-CornerCSS
Sunkanmi Fafoworasunkanmi.hashnode.dev·Jan 24, 2024How to make Multiple Text Strokes on a Text Element with CSSThere’s currently no direct way to make multiple text-strokes on a text element using traditional CSS methods. So I recently discovered a CSS trick to easily make multiple outlines on a text element using the CSS text-stroke property. In this article...25 likes·105 readsCSS-CornerCSS
Sunkanmi Fafoworasunkanmi.hashnode.dev·Aug 29, 2023CSS Tip: How CSS accent-color WorksThe CSS accent-color is a part of the CSS Basic User Interface Module Level 4. The CSS accent-color property is a CSS property used to change the browser's default color to contrast the utilitarian background and foreground colors of some input eleme...33 readsCSS-CornerCSS
Sunkanmi Fafoworasunkanmi.hashnode.dev·Aug 24, 2023CSS Tip: How to Dynamically Change Animation with CSS VariablesCSS variables are specific entities in CSS used for storing values. It's similar to the way variables work in programming languages. In this article, we'll be looking at how to dynamically change animations with CSS variables. CSS variables can be de...61 readsCSS-CornerCSS
Sunkanmi Fafoworasunkanmi.hashnode.dev·Aug 23, 2023New CSS Transition Updates for Chrome!Google Chrome recently released a bunch of updates for CSS support on its beta browser across its supported devices. In this article, we'll particularly look at the latest transition updates and support for CSS properties on the Chrome browser. Requi...11 likes·44 readsCSS-CornerCSS
Sunkanmi Fafoworasunkanmi.hashnode.dev·Aug 21, 2023overflow-yThe CSS overflow-y property determines what happens when there is an overflow of content on the vertical axis (from top to bottom) of an element. .container{ display: inline-block; background-color: #F7F96F; padding-lef...CSS-CornerCSS3
Sunkanmi Fafoworasunkanmi.hashnode.dev·Aug 20, 2023overflow-blockThe CSS overflow-block property determines what happens when there is an overflow of content on the block start and end of a CSS box. .container{ display: inline-block; background-color: #F7F96F; padding-left: 2rem; ...10 likes·39 readsCSS-CornerCSS
