mix-blend-mode

Interactive card using HTML & CSS

2-故障文字效果

Experimenting with the mix-blend-mode property for SVGs.

A WebGL fluid ink-trail that inverts your typography. Vanilla JS, adapted from Pavel Dobryakov's fluid sim (MIT).

Spot the Difference Game

Change image Color using Vanilla JavaScript & Mix blend mode CSS property

Your discography on a real table: a photo of blank record sleeves becomes the board, real covers go on top, the photo's texture seals them in. One HTML file, any AI agent builds it. MIT.

Monochrome portfolio template — mix-blend separators, custom cursor, GSAP animations. Vanilla HTML/CSS/JS, no build step. Inspired by experimental front-end portfolios.

I have used HTML , CSS and PURE JavaScript in this project This web site inspired by Novil academy i did some features to it i add a scroling to top button and i turned this web site to be 100% responsive i have changed the nav to an dynamic icone nav bar will hide on Scroll Down and Show on Scroll Up i added

Demos for cross-browser issues with CSS and SVG blending modes in current browsers

A creative custom cursor effect using CSS mix-blend-mode: difference — built with vanilla HTML, CSS & JavaScript. Cursor inverts colors as it moves over text.

css mix-blend-mode

Paul Klee artwork