Search

Nalezeno "shapes": 64

Better CSS Shapes Using shape() — Part 3: Curves

6.6.2025
This is the third article in a series about the CSS shape() function. We've covered drawing lines and arcs in previous articles and, this time, we look specifically at the curve command and how to use it for drawing complex shapes. Better CSS Shapes Using shape() — Part 3: Curves originally...

Better CSS Shapes Using shape() — Part 2: More on Arcs

30.5.2025
This is the second part of a series that dives deep into the CSS shape() command, continuing with a more detailed look at the arc command. Better CSS Shapes Using shape() — Part 2: More on Arcs originally published on CSS-Tricks, which is part of the DigitalOcean family. You should get...

Wallet intelligence shapes the next crypto power shift

24.5.2025
Opinion by: Scott Lehr, adviser to Alteri.ioIn the world of cryptocurrency, knowledge isn't just power — it's a weapon. The recent collapse of Mantra's OM token, which saw a 90% drop in value within hours, underscores how wallet intelligence can be leveraged with devastating effects.Wallet...

Better CSS Shapes Using shape() — Part 1: Lines and Arcs

23.5.2025
This is the first part of a series that dives deep into the shape function, starting with shapes that use lines and arcs. Better CSS Shapes Using shape() — Part 1: Lines and Arcs originally published on CSS-Tricks, which is part of the DigitalOcean family. You should get the newsletter

SVG to CSS Shape Converter

21.5.2025
Shape master Temani Afif has what might be the largest collection of CSS shapes on the planet with all the tools to generate them on the fly. There’s a mix of clever techniques he’s typically used to make those shapes, … SVG to CSS Shape Converter originally published...

CSS shape() Commands

2.5.2025
The CSS shape() function recently gained support in both Chromium and WebKit browsers. It's a way of drawing complex shapes when clipping elements with the clip-path property. CSS shape() Commands originally published on CSS-Tricks, which is part of the DigitalOcean family. You should get...

The Use of Shapes in Web Design with 30 Examples

22.2.2025
Shapes play a crucial role in web design as they help craft more engaging layouts that guide users through a journey. Those simple square-shaped info cards, curved background elements,... The post The Use of Shapes in Web Design with 30 Examples appeared first on Onextrapixel

AI shapes crypto future: A spotlight on Bittensor and InQubeta presale

10.6.2023
Innovation and technological advancements are constantly reshaping the crypto space. As the possibilities of artificial intelligence (AI) expand, it is becoming increasingly clear that it holds tremendous potential to revolutionize how we interact with digital assets and blockchain networks....

CSS Grid and Custom Shapes, Part 3

11.11.2022
After Part 1 and Part 2, I am back with a third article to explore more fancy shapes. Like the previous articles, we are going to combine CSS Grid with clipping and masking to create fancy layouts for image … CSS Grid and Custom Shapes, Part 3 originally published on CSS-Tricks, which...

How to Create Wavy Shapes & Patterns in CSS

26.9.2022
The wave is probably one of the most difficult shapes to make in CSS. We always try to approximate it with properties like border-radius and lots of magic numbers until we get something that feels kinda close. And that’s before … How to Create Wavy Shapes & Patterns in CSS originally...

CSS Grid and Custom Shapes, Part 2

22.8.2022
Alright, so the last time we checked in, we were using CSS Grid and combining them with CSS clip-path and mask techniques to create grids with fancy shapes. Here’s just one of the fantastic grids we made together: CodePen… CSS Grid and Custom Shapes, Part 2 originally published...

CSS Grid and Custom Shapes, Part 1

15.8.2022
In a previous article, I looked at CSS Grid’s ability to create complex layouts using its auto-placement powers. I took that one step further in another article that added a zooming hover effect to images in a grid layout… CSS Grid and Custom Shapes, Part 1 originally published...

How to Animate SVG Shapes on Scroll

8.6.2022
A short tutorial on how to animate SVG paths while smooth scrolling a page. The post How to Animate SVG Shapes on Scroll appeared first on Codrops

Tricks to Cut Corners Using CSS Mask and Clip-Path Properties

30.3.2022
We recently covered creating fancy borders with CSS mask properties, and now we are going to cut the corners with CSS mask and clip-path! A lot of techniques exist to cut different shapes from the corners of any element. … Tricks to Cut Corners Using CSS Mask and Clip-Path Properties...

Fixing the Drift in Shape Rotations

4.11.2021
Steve Ruiz calls this post an “extra-obscure edition of design tool micro-UX,” but I find it fascinating! If you select a bunch of elements in a design tool, then rotate then, then later select those same elements and try to … The post Fixing the Drift in Shape Rotations appeared...

Exploring the CSS Paint API: Rounding Shapes

22.10.2021
Adding borders to complex shapes is a pain, but rounding the corner of complex shapes is a nightmare! Luckily, the CSS Paint API is here to the rescue! That’s what we’re going to look at as part of this “Exploring … The post Exploring the CSS Paint API: Rounding Shapes appeared first...

Nahoru
Tento web používá k poskytování služeb a analýze návštěvnosti soubory cookie. Používáním tohoto webu s tímto souhlasíte. Další informace