Code
Snippet

CSS Halftone Overlay Effect

View
Snippet
↗
CSS Halftone Overlay Effect

Use CSS filter and an after psuedo element for code enabled halftone effect on top of images or videos.

See an example of this in use with a Vimeo background video here: https://codepen.io/CoreyMoen/pen/WNxNgPj

Tags

CSS
Aesthetic
Media

Creator

Corey Moen

Related items

Have feedback or a question related to this item? Drop us some feedback!

Curated: 
9.20.21

Similar items

Items
2777
Layout
Grid View
Row View
Search
Vimeo Video as Background
Code
Snippet

Vimeo Video as Background

9.20.21
HTML, CSS, Video, Media, Custom Code, Corey Moen
Get YouTube Thumbnails w/ Airtable Script
Code
Snippet

Get YouTube Thumbnails w/ Airtable Script

12.22.22
Javascript, Get, Media, Video, Automation, Airtable, Corey Moen
CSS Logo Marquee / Ticker
Code
Snippet

CSS Logo Marquee / Ticker

5.25.22
CSS, Animation, Javascript, Corey Moen
Prefers Reduced Motion Media Query
Code
Snippet

Prefers Reduced Motion Media Query

7.28.21
CSS, Accessibility, Hide/Show, Animation, Corey Moen
Set Equal Heights Based on Tallest
Code
Snippet

Set Equal Heights Based on Tallest

1.11.21
Javascript, Aesthetic, Set, Corey Moen
Restock
Preview
↗

Restock

Restock is No-Code Supply Co.’s community podcast spotlighting the people shaping the web and the things they build: sites, products, and the workflows behind them. Each episode is a practical, curiosity-driven look at real work and ideas: standout builds, the tools and techniques powering them, and the takeaways you can reuse. Like NCSC, it’s grounded in curation and craft over hype, featuring guest conversations, and exploring what’s worth saving, learning, and trying next.
View Restock
Fix Paragraph Runts With Nonbreaking Space
Code
Snippet

Fix Paragraph Runts With Nonbreaking Space

10.8.20
Javascript, Aesthetic, Text, Corey Moen
Add to Calendar Button
Code
Snippet

Add to Calendar Button

8.12.20
CSS, Javascript, CMS, Click, Forms, Corey Moen
Fix Overflow Hidden and Border Radius Mobile Bug
Code
Snippet

Fix Overflow Hidden and Border Radius Mobile Bug

1.2.23
CSS, Aesthetic
Effect All Siblings on Hover With CSS
Code
Snippet

Effect All Siblings on Hover With CSS

8.30.22
CSS, Aesthetic, Hide/Show, Set
Custom Text Underline Offset, Size and Color
Code
Snippet

Custom Text Underline Offset, Size and Color

2.19.22
CSS, Aesthetic
Finsweet Normalize CSS Embed
Code
Snippet

Finsweet Normalize CSS Embed

9.2.21
CSS, Aesthetic, Finsweet, Finsweet
Multi-line Truncate
Code
Snippet

Multi-line Truncate

4.4.21
CSS, Aesthetic, Text, Finsweet, Finsweet
Superscript All Registered(®) Trademark Characters
Code
Snippet

Superscript All Registered(®) Trademark Characters

7.13.20
CSS, Javascript, Aesthetic, Text
Webflow Lightbox Custom Overlay Color
Code
Snippet

Webflow Lightbox Custom Overlay Color

2.28.20
CSS, Aesthetic, Webflow
Custom Scrollbar
Code
Snippet

Custom Scrollbar

2.27.20
CSS, Aesthetic, Scroll
Text Bottom Border Animation on Hover
Code
Snippet

Text Bottom Border Animation on Hover

2.5.20
CSS, Aesthetic, Animation
Resetting Apple Default Form Styles
Code
Snippet

Resetting Apple Default Form Styles

12.4.19
CSS, Aesthetic, Forms
Customizing Text Selection Color
Code
Snippet

Customizing Text Selection Color

12.4.19
CSS, Aesthetic, Text
Single Line Truncate
Code
Snippet

Single Line Truncate

12.4.19
CSS, Aesthetic, Text
@Media Prefers Dark/Light
Code
Snippet

@Media Prefers Dark/Light

11.21.19
CSS, Accessibility, Aesthetic
CSS Aspect-Ratio
Code
Snippet

CSS Aspect-Ratio

11.21.19
CSS, Aesthetic
CSS Scroll Snap
Code
Snippet

CSS Scroll Snap

11.21.19
CSS, Aesthetic, Scroll
Show a Preloader Only Once Per Day
Code
Snippet

Show a Preloader Only Once Per Day

1.3.24
Load, Hide/Show, Javascript, Cookie, Corey Moen

Bummer, no results

Try a different search/filter combo, or drop us some feedback if there is something missing you would love to see!

Reset filters

Subscribe for updates

Get updates on the latest curated resources and be the first to hear of new features.

Subscribe