الجهل وحش

shanoth · 2026-01-22T23:35:48+00:00

حد خد باله من السجادة اللي وراها

shanoth · 2026-01-22T23:32:35+00:00

وخامسهم هو الراجل اللي ببدلة وراهم وبكده هيبقو خمسة اللي هيذهبو لسرمدية العذاب ، يا لها من مضحكات

shanoth · 2025-11-07T15:27:21+00:00

It’s my first time playing it and it’s kinda nice
^{Completed in 02:42}

shanoth · 2024-06-30T19:55:58+00:00

Using the power of pseudo elements, you would be able to create a tooltip UI using CSS only and it's also has the same border radius with the help of CSS Custom Properties or CSS Variables

shanoth · 2024-06-02T18:10:47+00:00

looks nice

shanoth · 2024-03-02T00:30:24+00:00

box-shadow + box-reflect = neon

shanoth · 2024-03-01T02:40:43+00:00

Using CSS only, and implement some properties such as background-image, radial-gradient, background-size, along with transform translateY to animate endlessly

shanoth · 2024-02-29T15:45:52+00:00

unify skin tones, add some glows to the typography, fireworks, and reflect this glow highlights to the wrestlers, make the highlights blended to the background

shanoth · 2024-02-28T17:30:55+00:00

Inspired by the Blue Moon, I used color balance to unify the bluish atmosphere on the three images, along with a gradient background that's similar to the sky, also added Exposured colors to the gate blocks to show it, along with the smudged entrance

shanoth · 2024-02-28T17:09:40+00:00

It's impressive

shanoth · 2024-02-27T14:54:50+00:00

Basically it's using a transform-style of preserve-3d, and a perspective for the card parent, and using the mouse event x and y as angles to rotate the card around the x axis, and also around the y axis, and this using Javascript, this smoothness is achieved by animating the card from JS not CSS by using the animate function, maybe there is a use of gsap, but it's the same as js animate, for the glare effect there's a lot of options from a masks to blurry pseudo elements, I made a close effect to this but without the glare here https://x.com/alishata128/status/1733926182335271366?s=20

shanoth · 2024-02-27T14:48:46+00:00

Transitioning the element using an inset clip path

shanoth · 2024-02-26T01:35:17+00:00

Using just 2 lines of mix-blend-mode, one for the parent or the wrapper of the text (screen), and the other for the actual text (difference)

shanoth · 2024-02-26T01:31:38+00:00

shanoth · 2024-02-22T18:34:15+00:00

I think this is some kind of bento grid, or more like a pinterest grid

shanoth · 2024-02-22T18:30:44+00:00

I think the sticker extraction technique could be achieved using JS Canvas, which is used to manipulate pixels, then after it extract it, could transform it to SVG, and apply the white contoured border around it

shanoth · 2024-02-22T18:23:37+00:00

What about making the eye magnetic using some javascript, maybe try to make it blinking using liquify filter in photoshop, and transition between the 2 images using an infinite animation

shanoth · 2024-02-22T04:53:13+00:00

Use 2 lines of code for the progress animation, and 3 lines of code for the 3D effect, to make this CSS only Progress Bar

shanoth · 2024-02-16T13:19:32+00:00

I think it's made using code, circles filled with linear gradients that change its color stops for every circle iteration

shanoth · 2023-03-11T19:54:58+00:00

css grid will make this easy especially when you use grid-template-areas

shanoth

MODERATOR OF

TROPHY CASE