Search

Nalezeno "border": 163

Using the `outline` Property as a Collapsable Border

18.6.2021
The outline property in CSS draws a line around the outside of an element. This is quite similar to the border property, the main exception being that outline isn’t a part of the box model. It is often used for … The post Using the `outline` Property as a Collapsable Border appeared first...

How to Add a Double Border to SVG Shapes

21.4.2021
Let’s say someone asks you to add a double border to some random geometric SVG shapes. For some reason, you can’t use any graphic editor — they need to be generated at runtime — so you have to solve it … The post How to Add a Double Border to SVG Shapes appeared first on CSS-Tricks. You...

CSS Border Font

28.2.2021
Every letter in this “font” by Davor Suljic is a single div and drawn only with border. That means employing some trickery like border-radius with exotic syntax like border-radius: 100% 100% 0 0 / 37.5% 37.5% 0 0; which … The post CSS Border Font appeared first...

Three Ways to Blob with CSS and SVG

19.2.2021
Blobs are the smooth, random, jelly-like shapes that have a whimsical quality and are just plain fun. They can be used as illustration elements and background effects on the web. So, how are they made? Just crack open an illustration … The post Three Ways to Blob with CSS and SVG appeared...

Animating a CSS Gradient Border

8.2.2021
This little trick for gradient borders is super useful: .border-gradient { border: 5px solid; border-image-slice: 1; border-image-source: linear-gradient(to left, #743ad5, #d53a9d); } Here’s some basic demos from our article on the subject. Sephanie Eckles was sharing around the idea...

IMF Cautions Central Banks May Have to Rethink What Constitutes Reserves

18.12.2020
The IMF warns that central banks may have to rethink what constitutes their reserve currency holdings. In a recent study, the global lender points to the changing geopolitical landscape, technological advances and the impact of the Covid-19 pandemic as events likely to influence the composition...

Unbanked Hong Kong Chief Carrie Lam: “I Have Piles of Cash at Home”

4.12.2020
Hong Kong Chief Executive Carrie Lam says she is currently unbanked and keeps piles of cash stashed at her home courtesy of US sanctions. Alongside 14 Chinese and Hong Kong officials, Lam has been slapped with punitive measures that effectively cut her off from the banking system. The US government...

How to Animate a SVG with border-image

3.12.2020
Let’s take a look at how to combine the border-image property in CSS with animated SVGs that move around a border. In the process, we’ll cover how to hand-craft resizable, nine-slice animated SVGs that you can use not only re-create the effect, but to make it your own. Here’s what we’re...

How to Add Text in Borders Using Basic HTML Elements

1.12.2020
Some HTML elements come with preset designs, like the inconveniently small squares of <input type="checkbox"> elements, the limited-color bars of <meter> elements, and the “something about them bothers me” arrows of the <details> elements. We can style them to match...

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