Tag: custom properties

Finite-rate sparse quantum codes aplenty

Quantum April 20, 2023

Maxime Tremblay, Guillaume Duclos-Cianci, and Stefanos KourtisDépartement de physique & Institut quantique, Université de Sherbrooke, Sherbrooke, Québec, Canada, J1K 2R1Find this paper interesting or...

Creating a Clock with the New CSS sin() and cos() Trigonometry Functions

Code March 8, 2023

Animated Background Stripes That Transition on Hover

Code December 8, 2022

Using The New Constrained Layout In WordPress Block Themes

Code November 30, 2022

More Than “Slapping Paint on a Website”

CodeNovember 29, 2022

I’m a sucker for anything about front-end job titles. Anselm Hannemann: CSS evolved and we’re beyond the point where everyone can just do it...

How I Made an Icon System Out of CSS Custom Properties

CodeSeptember 22, 2022

SVG is the best format for icons on a website, there is no doubt about that. It allows you to have sharp icons no...

Making a Real-Time Clock With a Conic Gradient Face

CodeSeptember 19, 2022

Gradients have been a part of the CSS spectrum for quite some time now. We see a lot of radial and linear gradients in...

Interpolating Numeric CSS Variables

CodeAugust 30, 2022

We can make variables in CSS pretty easily: :root { --scale: 1; } And we can declare them on any element: .thing { transform: scale(--scale); } Even better...

Multi-Value CSS Properties With Optional Custom Property Values

CodeFebruary 11, 2022

Imagine you have an element with a multi-value CSS property, such as transform: optional custom property values:

.el { transform: translate(100px) scale(1.5) skew(5deg);
}

Now imagine you don’t always want all the transform values to be applied, so some …

Multi-Value CSS Properties With Optional Custom Property Values originally published on CSS-Tricks. You should get the newsletter.

Latest Intelligence

Generative Data Intelligence