@jonkantner Profile picture

Jon Kantner

@jonkantner

Front-end engineer (formerly at OneTrust). Wrote for @css.

Similar User
Steve Gardner photo

@steeevg

Dong Nguyen photo

@ndaidong

Jeffrey at Lytbox photo

@jeffreyatlytbox

Kuldeep Kulshreshtha photo

@kkuldeep

wandermaw.crypto $PIG photo

@k_maw_s

Jerad photo

@jeradsdesign

LYBO.biz | Leverage Your Business Online photo

@LYBObiz

Nimish Kasar photo

@NimishKasar

Pinned

Neumorphic Rocker Switch codepen.io/jkantner/pen/R… @CodePen #CSS #JS


Made a SaaS widget with animated graphs and user shopping activity simulated by Faker codepen.io/jkantner/pen/r… @CodePen #React #CSS


Not sure how I feel about this.…

How to turn the new M4-based Mac mini on/off.

Tweet Image 1


Made a tool that generates color palettes from images codepen.io/jkantner/pen/j… @CodePen #React #JS


Jon Kantner Reposted

✨ More Gemini is coming to DevTools! ✨ Try the new experimental AI assistance panel in Chrome Canary 131 and later to get help understanding layouts and debugging your CSS. Learn more at goo.gle/devtools-ai-as…

Tweet Image 1

Some quick #CSS illusionary 3D magic for this preloader codepen.io/jkantner/pen/v… @CodePen


Made a fully functional sound recording device using #react and #gsap codepen.io/jkantner/pen/V… @CodePen


Jon Kantner Reposted

This CSS Backlight Effect is sooooo damn cool! I've taken it a step further with SVG Filters Makes it work with any element - including video!

💡CSS techniques: "The Backlight" Using a blur filter you can create an elegant backlight (or a "smart shadow") effect for your images. In a pseudo-element: 1⃣ `inherit` a background 2️⃣ blur it 3⃣ put it behind the main element using z-index Here's how it works:



An amazing collection of customizable isometric icons (by @leyeConnect and @meandchimso) isocons.app #SVG

Tweet Image 1

A set of preloaders consisting of rings codepen.io/jkantner/pen/Y… @CodePen #CSS #SVG


Loading...

Something went wrong.


Something went wrong.