Search

Nalezeno "border": 868

CSS-Only Carousel

10.1.2020
It's kind of amazing how far HTML and CSS will take you when building a carousel/slideshow. Setting some boxes in a horizontal row with flexbox is easy. Showing only one box at a time with overflow and making it swipable with -webkit-overflow-scrolling is easy. You can make the "slides" line...

How Auto Margins Work in Flexbox

6.1.2020
Robin has covered this before, but I've heard some confusion about it in the past few weeks and saw another person take a stab at explaining it, and I wanted to join the party. Say you have a flex container with some flex items inside that don't fill the whole area. See the Pen ZEYLVEX...

Make a smooth shadow, friend.

19.12.2019
One box-shadow is cool and all, but check out Philipp Brumm's tool for building out comma-separated multiple box-shadows, which result in a much smoother and more natural look. This reminds me very much of the idea for easing linear-gradient. In a gradient, this smoothing effect is handled...

Masking GIFs with other GIFs

3.12.2019
The other day, Cassie Evans tweeted a really neat trick that I’ve never seen before: using SVG to mask one GIF on top of another. The effect is quite lovely, especially if you happen to grab a colorful GIF and place it on top of a monochrome one:  See the Pen Masking gifs with other gifs......

Pac-Man… in CSS!

11.11.2019
You all know famous Pac-Man video game, right? The game is fun and building an animated Pac-Man character in HTML and CSS is just as fun! I’ll show you how to create one while leveraging the powers of the clip-path property. See the Pen Animated Pac-Man by Maks Akymenko (@maximakymenko) ...

Ripple's Client Base Up 50%, c. 7% Use XRP for Cross-Border Liquidity

7.11.2019
California-based blockchain startup focusing on payment technologies, Ripple, has seen its client base grow 50% this year, while some 7% use XRP for cross-border liquidity. “This year has been our strongest for Ripple yet,” Brad Garlinghouse, CEO of Ripple, said in a recent interview with a Forbes...

Russia’s Sberbank Takes on Crypto with Cross-border Money Transfer App

29.10.2019
Source: iStock/-lvinst- Russian major bank Sberbank has introduced a new low-cost, cross-border remittance solution that it believes will be able to compete with cryptocurrency for cross-border transactions. The bank, once the Russian financial sector’s fiercest advocate of cryptocurrencies...

Bidirectional Horizontal Rules in CSS

25.10.2019
Say you have a <blockquote> and the design calls for a thick border along the left side. Well, you might not necessarily mean left side, but actually mean on the side of the start of the text. That's exactly what CSS logical properties are meant to address, and Hussein Al Hammad has a nice...

Making Tables Responsive With Minimal CSS

17.10.2019
Here’s a fabulous CSS trick from Bradley Taunt in which he shows how to make tables work on mobile with just a little bit of extra code. He styles each table row into a card that looks something like this: See the Pen Responsive Tables #2.5: Flexbox by Bradley Taunt (@bradleytaunt) ...

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