CSS is filling the gaps with rules. A way to style gaps in grid and flex. | utilitybend
A practical walkthrough of CSS gap decorations: column-rule, row-rule, rule-break, rule-inset, rule-visibility-items, repeat(), and animation.
CSS3 Patterns Gallery
The patterns themselves should work on Firefox 3.6+, Chrome, Safari 5.1, Opera 11.10+ and IE10+. However, implementation limitations might cause some of them to not be displayed correctly even on those browsers (for example at the time of writing, Gecko is quite buggy with radial gradients).
Pure CSS halftone patterns: dots, lines, circles
A project overdue. As an 80's/90's kid, I was obsessed with printing technology - and especially halftone patterns. I've long theorized that these pat
Hero Patterns
A collection of repeatable SVG background patterns for you to use on your digital projects.
GRID: A simple visual cheatsheet for CSS Grid Layout
Learn all about the properties available in CSS Grid Layout through simple visual examples.
Retro 80s Seamless Pattern Background Stock Vector - Illustration of retro, pattern: 57384117
Retro 80s seamless pattern background. Illustration about retro, pattern, print, fashionable, hipster, fabric, element, backdrop, geometric, arty, graphic, ornament, background - 57384117
Let’s Play With Gap Decorations!
The `rule` (and friends) CSS property allows us to draw markers (like borders) in the gaps between columns and rows (and flex items!)
Modernist Tiles with CSS Grid
A Modernist hydraulic tile floor, one motif rotated across the whole room, is something you'll find everywhere in Barcelona. Let's build our own in CSS Grid. Six real motifs, a whole floor of palettes.
Home - Tour de Pologne
[vc_row full_width=”stretch_row_content_no_spaces” content_placement=”middle” css=”.vc_custom_1752606901988{background-color: #000000 !important;}” el_class=”top-grid”][vc_column][/vc_column][/vc_row][vc_row full_width=”stretch_row” content_placement=”middle” disable_element=”yes” css=”.vc_custom_1785748496713{padding-top: 10px !important;padding-bottom: 10px !important;background-color: #FFEA01 !important;}”][vc_column][mnky_retina_image img_url=”42235″ align=”retina-image-center” width=”347px” …
CSS selectors - CSS | MDN
The CSS selectors module defines the patterns to select elements to which a set of CSS rules are then applied along with their specificity. The CSS selectors module provides us with more than 60 selectors and five combinators. Other modules provide additional pseudo-class selectors and pseudo-elements.
Modern CSS snippets. Every old hack, replaced.
Side-by-side comparisons of outdated CSS techniques and their modern native replacements. Grid, custom properties, nesting, container queries, and more.
Modern CSS snippets. Every old hack, replaced.
Side-by-side comparisons of outdated CSS techniques and their modern native replacements. Grid, custom properties, nesting, container queries, and more.
Box Shadows - Generate CSS Box Shadows
A CSS box-shadow library and generator to create, test and share box shadows.
Patrick Brosset
CSS masonry (aka grid-lanes) has two orientations: rows and columns. I'm trying to think of good metaphors... Row is easy: a brick wall, that's where the masonry term comes from. Column: many call it waterfall, but trying to put it into an image doesn't work. Motorway works a lot better.