Search

Nalezeno "shape": 442

Float Element in the Middle of a Paragraph

4.11.2019
Say you want to have an image (or any other element) visually float left into a paragraph of text. But like... in the middle of the paragraph, not right at the top. It's doable, but it's certainly in the realm of CSS trickery! One thing you can do is slap the image right in the middle of...

Real-time Multiside Refraction in Three Steps

29.10.2019
In this tutorial you will learn how to make objects appear glass-like in three steps using Three.js. Real-time Multiside Refraction in Three Steps was written by Jesper Vos and published on Codrops

5 of the Best Crypto Swapping Services

12.10.2019
Creating an exchange account, signing in and placing an order every time you want to switch cryptos is like using a sledgehammer to crack a walnut. It’s an incredibly inefficient way to jump between cryptos, and given that no exchange has all the coins, it necessitates creating multiple...

The Many Ways to Link Up Shapes and Images with HTML and CSS

1.10.2019
Different website designs often call for a shape other than a square or rectangle to respond to a click event. Perhaps your site has some kind of tilted or curved banner where the click area would be awkwardly large as a straight rectangle. Or you have a large uniquely shaped logo where you only...

The Changing Shape of Crypto Funding in 2019

19.9.2019
2019 was meant to be the year of the IEO. Or was it the STO? Whatever the case, it’s had its share of both, with mixed results. While the number of successfully completed token sales and the number of IEO launchpads has increased significantly, secondary market demand has been underwhelming....

Three Predictions From the State of CSS 2019 Survey

27.6.2019
Running a developer survey like the State of CSS is a multi-stage process. First, you need to collect the data. Then, you process it into a usable shape. Finally, you come up with nifty ways to visualize it and release it to the world. But then, once the dust settles and the traffic dies down...

Three Predictions From the State of CSS 2019 Survey

27.6.2019
Running a developer survey like the State of CSS is a multi-stage process. First, you need to collect the data. Then, you process it into a usable shape. Finally, you come up with nifty ways to visualize it and release it to the world. But then, once the dust settles and the traffic dies down...

Collective #527

24.6.2019
Writing HTML in HTML * The perils of functional CSS * Shape (Beta) * Screenzy * How to learn D3.js Collective #527 was written by Pedro Botelho and published on Codrops

How I Use CleanMyMac X

21.5.2019
[Chris]: I'm a lifelong Mac user. Ever since our family upgraded from a Commodore 128 to an Apple Macintosh Performa 636 (CD) when I was in middle school, I've never owned or worked on anything other than a Mac. I'm pretty dedicated to running a clean, fast, optimized, safe, and organized machine....

Oh, the Many Ways to Make Triangular Breadcrumb Ribbons!

29.4.2019
Oh, the Many Ways to Make Triangular Breadcrumb Ribbons Let’s have a look at how we can create a row of links that sorta run into each other with a chevron-like shape and notch on each block like you might see in a hierarchical breadcrumb navigation. You’ve probably seen this pattern a lot....

Using “box shadows” and clip-path together

11.4.2019
Let's do a little step-by-step of a situation where you can't quite do what seems to make sense, but you can still get it done with CSS trickery. In this case, it'll be applying a shadow to a shape. You make a box .tag { background: #FB8C00; color: #222; font: bold 32px system-ui; padding:...

8 Little Videos About the Firefox Shape Path Editor

7.3.2019
It sometimes takes a quick 35 seconds for a concept to really sink in. Mikael Ainalem delivers that here, in the case that you haven't quite grokked the concepts behind path-based CSS properties like clip-path and shape-outside. Here are two of my favorites. The first demonstrates animating text...

An Initial Implementation of clip-path: path();

24.12.2018
One thing that has long surprised (and saddened) me is that the clip-path property, as awesome as it is, only takes a few values. The circle() and ellipse() functions are nice, but hiding overflows and rounding with border-radius generally helps there already. Perhaps the most useful value...

People Talkin’ Shapes

22.12.2018
Codrops has a very nice article on CSS Shapes from Tania Rascia. You might know shape-outside is for redefining the area by which text is floated around that element, allowing for some interesting design opportunities. But there are a couple of genuine CSS tricks in here: Float shape-outside...

A CSS Venn Diagram

17.12.2018
This is pretty wild: Adrian Roselli has made a series of rather complex Venn diagrams using nothing but CSS. With a combination of the Firefox dev inspector, plus a mixture of CSS Grid and the shape-outside property, it’s possible to do this and without a ton of hacks, too. I also think it’s super...

An Introduction to CSS Shapes

29.11.2018
CSS Shapes allow us to make interesting and unique layouts by defining geometric shapes, images, and gradients that text content can flow around. Learn how to use them in this tutorial. An Introduction to CSS Shapes was written by Tania Rascia and published on Codrops

Emojis as Icons

11.7.2018
There are lots of unicode symbols that make pretty good icons already, like arrows (←), marks (✘), and objects (✂︎).You can already colorize these like a normal font glyph. Then, there are emojis, those full-color suckers we all know about. What if you could take just the shape of an emoji...

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