Search

Nalezeno "horizontal": 23

Can EOS Token Break Out of the Horizontal Trade Range?

21.9.2022
The current price movement of EOS is very encouraging for long-term investors, but the crypto market as a whole is observing an outflow due to macroeconomic factors. Moreover, many governments across the world have been trying to regulate the crypto economy because it can be dangerous...

Building a Scrollable and Draggable Timeline with GSAP

2.2.2022
Here’s a super classy demo from Michelle Barker over on Codrops that shows how to build a scrollable and draggable timeline with GSAP. It’s an interesting challenge to have two different interactions (vertical scrolling and horizontal dragging) be tied together … Building...

Menu and Thumbnail Stack Animation

22.9.2021
An animation on a vertical image stack for a menu that expands to arrange the stack items on a horizontal line. The post Menu and Thumbnail Stack Animation appeared first on Codrops

Not Your Typical Horizontal Rules

16.4.2021
The default browser style for <hr> is so weird. It’s basically: border-style: inset; border-width: 1px; The default border-color is black, but the border doesn’t actually look black, because the inset border “adds a split tone to the line … The post Not Your Typical...

How to describe element’s natural sizing behavior

26.3.2021
PPK: When introducing width and height I explain that by default width takes as much horizontal space as it can, while height takes as little vertical space as possible. This leads to a discussion of these two opposed models … The post How to describe element’s natural sizing...

How to describe element’s natural sizing behavior

26.3.2021
PPK: When introducing width and height I explain that by default width takes as much horizontal space as it can, while height takes as little vertical space as possible. This leads to a discussion of these two opposed models … The post How to describe element’s natural sizing...

Clipping Scrollable Areas On The inline-start Side

19.2.2021
On a default left-to-right web page, “hanging” an element off the right side of the page (e.g. position: absolute; right: -100px;) triggers a horizontal scrollbar that scrolls as far as needed to make that whole element visible. But if … The post Clipping Scrollable Areas On...

Centering in CSS

1.1.2021
Adam Argyle has a post over on web.dev digging into this. He starts with the assumption that you need to do vertical centering and horizontal centering. It’s that vertical centering that has traditionally been a bit trickier for folks, particularly … The post Centering in CSS appeared...

Horizontal Smooth Scroll Layouts

8.12.2020
Some ideas for horizontal smooth scrolling layouts powered by Locomotive Scroll. The post Horizontal Smooth Scroll Layouts appeared first on Codrops

Thinking Outside the Box with CSS Grid

19.11.2020
Great tutorial from Alex Trost (based on some demos, like this one, from Andy Barefoot) showcasing how, while CSS grid has straight grid lines across and down, you can place items across grid lines creating a staggered effect that looks pretty rad. Grid-like, but it appears to align to diagonal...

Bidirectional scrolling: what’s not to like?

6.11.2020
Some baby bear thinking from Adam Silver. Too hot: [On horizontal scrolling, like Netflix] This pattern is accessible, responsive and consistent across screen sizes. And it’s pretty easy to implement. Too cold: That’s a lot of pros for a pattern that in reality has some critical...

Bold on Hover… Without the Layout Shift

27.7.2020
When you change the font-weight of a font, the text will typically cause a bit of a layout shift. That’s because bold text is often larger and takes up more space. Sometimes that doesn’t matter, like a vertical stack of links where the wider/bolder text doesn’t push anything...

Building a hexagonal grid using CSS grid

18.6.2020
I think of grids as arrangements of rectangles with vertical and horizontal lines running through. And they are, but that doesn’t mean we can’t still do clever things in how we place things on those grids and what we do with the elements afterwards. In this demo by Jesse Breneman,...

A “new direction” in the struggle against rightward scrolling

21.5.2020
You know those times you get a horizontal scrollbar when accidentally placing an element off the right edge of the browser window? It might be a menu that slides in or the like. Sometimes we to overflow-x: hidden; on the body to fix that, but that can sometimes wreck stuff like position:...

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...

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...

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