Lightnews — Scholar-powered news

javidevedu

@javidevedu.bsky.social

Bring your UI to life in 3D — explore more at javidev, link in my profile.
Sharp angles. Smooth motion. Pure CSS power. mystic.js
#3dhover #triangletransition #cssmagic #htmlcss #uianimation #frontenddev #webdesign #cssonly #codingreel #devreel

May 6, 2025 at 10:02 PM Everybody can reply

Rägnar O'ock

@ragnar-oock.bsky.social

@kevinpowell.co challenged me to adapt my rotation cube view-transition to a scroll-based animation. It kinda works with #CSSonly but I think using a bit of JS and view-transitions between sections would look better, I might try it in the future.

codepen.io/ragnar_ock/p...

June 29, 2025 at 6:42 PM Everybody can reply

1 reposts 10 likes

1 1 10

javidevedu

@javidevedu.bsky.social

Transform your profile with style — explore more at javidev, link in my profile.
Hover effects that pop. Make your profile stand out. mystic.js
#profilecard #csshover #htmlcss #uianimation #webdesign #frontenddev #cssonly #codingreels #devreel #uidesign

May 8, 2025 at 10:02 PM Everybody can reply

Maikel Krause

@maikelkrause.bsky.social

Made a CSS-only switch input element, with just an ``, and no ::before/::after pseudo elements! Only uses background/border-image and an @property for the thumb position. #css #cssonly #CodePenChallenge

codepen.io/maikelkrause...

CSS-only switch input

Pure box-shadow silliness. https://linktr.ee/ivorjetski for more...

November 12, 2024 at 4:18 PM Everybody can reply

2 likes

2

Ben Evans

@ivorjetski.bsky.social

I love it when a span comes together!
codepen.io/ivorjetski/p...

@codepen.io #CSSArt #box-shadow #CSSonly #singleDiv #retro #pixelArt #80s #A-Team

The <A> Team

April 18, 2025 at 12:54 PM Everybody can reply

4 likes

1 4

EIO

@eioluseyi.com

And here's the @codepen.io if you want play with it or see the code:
codepen.io/eioluseyi/fu...

#CSS #CssOnly #Webdev #Frontend #CSSwithEIO #Programming

"Figma Effect"

Expedition 33 - Pixel Art

February 13, 2025 at 1:57 PM Everybody can reply

javidevedu

@javidevedu.bsky.social

Craft epic UI moments — more on javidev, link in my profile.
Blur, depth, motion. Your game cards just got legendary. mystic.js
#gamecard #blureffect #csshover #htmlcss #uianimation #webdesign #frontenddev #cssonly #devreel #gamedevdesign

May 5, 2025 at 10:02 PM Everybody can reply

Manuel | Game Dev

@manuelsanchezdev.com

For those who come after.

codepen.io/manuelsanche...

#cssonly #pixelart #boxshadow #clairobscur #expedition33

Ben Evans: The Backrooms - CSS Edition

July 9, 2025 at 8:49 PM Everybody can reply

3 likes

3

Pablo Lara H.

@pablolarah.bsky.social

🎠 A Practical Introduction to Scroll-Driven Animations with CSS scroll() and view()
Chromium only
by Adam Argyle @argyleink at @codrops
#frontend #css #webdevelopment #tutorial #howto #cssonly #ui #coding #carrousel

tympanus.net/codrops/2024...

Animated gif.
A carousel of cards with illustration in black and white and title and paragraph text below in white, changing background colors: red, purple, brown and green.

January 17, 2024 at 4:16 PM Everybody can reply

Ben Evans

@ivorjetski.bsky.social

I've got the hobbledehoy movement working in the Backrooms, but I need to work on the interactions with it, because you can't currently press the light-switch. But it's fun to hobble around if you like:

tinydesign.co.uk/css-backroom...

#css #cssart #backrooms #cssonly #purecss

God save you if you hear something wandering around nearby, because it sure as hell has heard you...

tinydesign.co.uk

July 8, 2025 at 11:02 PM Everybody can reply

1 reposts 1 likes

1 1

EIO

@eioluseyi.com

#CssOnly container size display.
Powered, once again, by @janeori.propjockey.io's genius implementation of "CSS Type Casting to Numeric"

#CSS #Frontend #Webdev #CSSwithEIO

February 7, 2025 at 7:30 PM Everybody can reply

3 likes

1 3

javidevedu

@javidevedu.bsky.social

Give your UI that premium feel — more at javidev, link in my profile.
Crisp, smooth, interactive. Your cards just got cooler. mystic.js
#filtercard #csshover #htmlcss #uianimation #webdesign #frontenddev #hovereffect #cssonly #devreel #codingtutorial

May 7, 2025 at 4:03 PM Everybody can reply

javidevedu

@javidevedu.bsky.social

Clean. Modern. Frosted. See more at javidev, link in my profile.
Perfect for sleek UI vibes — elevate your login screen now. mystic.js
#loginform #glassmorphism #htmlcss #cssdesign #uianimation #webdesign #frontenddev #cssonly #devreel #codingui

May 4, 2025 at 10:02 PM Everybody can reply

javidevedu

@javidevedu.bsky.social

How to make a circular profile hover effect in HTML & CSS! 🌀
Discover clean web magic with zero JavaScript — visit javidev (link in my profile).
mystic.js

#WebDesign #HTMLTips #CSSOnly #FrontendMagic #CodeSnippet #HoverEffect #DevLife #CleanCode #UIUX #WebDevTutorials

May 11, 2025 at 3:02 PM Everybody can reply

1 likes

Jon Lunman

@jlunman.bsky.social

Solution here:
youtu.be/T4fQNoiPzIc

#CSS #CssOnly

May 5, 2025 at 2:50 AM Everybody can reply

EIO

@eioluseyi.com

Here you go!
Ps: Wait for the mouse hover 😉

#CSS #CssOnly #Webdev #Frontend #CSSwithEIO

February 13, 2025 at 1:56 PM Everybody can reply

The Backrooms: CSS Edition.

benteh

@benteh.no

i get the _theory_ but have you SEEN FINNISH?! and GERMAN NOUNS?

(yea i have break-word and the right attributes)

oh, look, the #csswg has been discussing this 😩 for at least five years

i have no idea how to get around this, #cssonly. js & shy unacceptable. 😱😱

any german or finnish devs here?

July 30, 2025 at 3:30 PM Everybody can reply

javidevedu

@javidevedu.bsky.social

Transform your UI with clean effects — explore more at javidev, link in my profile.
From basic to stunning in seconds. Your list elements will thank you. mystic.js
#listhover #cssmagic #frontenddesign #htmlcss #hovereffect #uianimation #cssonly #devreel #codingreels #webdevelopment

May 6, 2025 at 4:03 PM Everybody can reply

Ben Evans

@ivorjetski.bsky.social

Oh look 👀 It's The Backrooms in just CSS!

Early access creepypasta edition!

100% glitchy guaranteed!
codepen.io/ivorjetski/p...

How it was made 😱
youtu.be/xiEZ54lGFt8?...

@codepen.io #CSS #CSSArt #CSSCrimes #CSSOnly #theBackrooms #frontend #CSSGame

First person to screenshot the end wins! 🥳

Early Access - Creepypasta! Based on the original 4chan thread. No Images - No JavaScript - Pure HTML - Too much CSS! Only HTML, CSS and the teeny-t...

Challenge: CSS-only Multi-Selection Detection

June 26, 2025 at 1:34 PM Everybody can reply

8 reposts 3 quotes 28 likes

4 8 28

javidevedu

@javidevedu.bsky.social

Serve up sizzling UI design — check out javidev, link in my profile.
Tasty transitions, bold style. Code that hits different. mystic.js
#burgercard #csshover #htmlcss #uianimation #webdesign #frontenddev #hovereffect #cssonly #devreel #codingreels

May 9, 2025 at 4:02 PM Everybody can reply

javidevedu

@javidevedu.bsky.social

Make your cards shine — check out more at javidev, link in my profile.
Glow up your design with pure CSS. Let’s light it up! mystic.js
#cardhover #outerglow #cssdesign #htmlcss #uianimation #webdesign #frontenddev #cssonly #devreel #codingtutorial

May 10, 2025 at 10:01 PM Everybody can reply

Jon Lunman

@jlunman.bsky.social

Hey #CSS folks! I've got a #CssOnly challenge for you.
codepen.io/jlunman/pen/...

May 2, 2025 at 7:27 PM Everybody can reply

1 quotes 1 likes

Duc

@byderek.com

Do you know which song this pen is referring to?

100% scroll-driven CSS animation (and CSS color names)
@codepen.io #CSSonly #scrollanimation
codepen.io/d4rek/full/d...

snow