DEV Community

Ali Shata profile picture

Ali Shata

Frontend Developer ๐Ÿ‘จ๐Ÿปโ€๐Ÿ’ป Calisthenics Athlete ๐Ÿ’ช๐Ÿผ Graphic Designer ๐ŸŽจ Jack of some trades โš“

Location Egypt Joined Joined on  Personal website https://twitter.com/alishata128 github website

Pronouns

Ali

Work

Content Creator, Developer

Colorful Binocular Navbar

Colorful Binocular Navbar

1
Comments 1
1 min read

Want to connect with Ali Shata?

Create an account to connect with Ali Shata. You can also sign in below to proceed if you already have an account.

Already have an account? Sign in
Blurry Fill Avatar Card ๐Ÿ’Ž

Blurry Fill Avatar Card ๐Ÿ’Ž

1
Comments
1 min read
Blurry Card with Parallax Effect ๐Ÿ’ณ

Blurry Card with Parallax Effect ๐Ÿ’ณ

1
Comments
1 min read
Slidy Growing Nav

Slidy Growing Nav

Comments
1 min read
Gradual Blurred Gradience Triangles [CSS Only ! ๐Ÿคฉ]

Gradual Blurred Gradience Triangles [CSS Only ! ๐Ÿคฉ]

1
Comments
1 min read
CSS-only Shining Stroke โœจ!

CSS-only Shining Stroke โœจ!

1
Comments
1 min read
"Trapped Alien" CSS Art & Animation

"Trapped Alien" CSS Art & Animation

5
Comments 2
1 min read
"Insect Particlizer" an Experiment of combining Pixel Manipulation with CSS.

"Insect Particlizer" an Experiment of combining Pixel Manipulation with CSS.

Comments
1 min read
Cartoon Character in a Login Form !

Cartoon Character in a Login Form !

Comments
1 min read
When Hovering on a Text becomes Sticky as GUM! ๐Ÿ˜ฑ

When Hovering on a Text becomes Sticky as GUM! ๐Ÿ˜ฑ

Comments
1 min read
Make Every Second have a Theme! โฐ using @property and hsl()

Make Every Second have a Theme! โฐ using @property and hsl()

1
Comments
2 min read
Creating a Dynamic CSS ๐ŸŒOrb with Custom Properties and Gradients (One Element)!

Creating a Dynamic CSS ๐ŸŒOrb with Custom Properties and Gradients (One Element)!

6
Comments
3 min read
Create a Cool Accordion with CSS! ๐Ÿ“‡๐Ÿ‘จโ€๐Ÿ’ป

Create a Cool Accordion with CSS! ๐Ÿ“‡๐Ÿ‘จโ€๐Ÿ’ป

2
Comments
3 min read
Project 1: Expanding Cards - My '50 Projects in 50 Days' Journey

Project 1: Expanding Cards - My '50 Projects in 50 Days' Journey

Comments
1 min read
Poofโ˜๏ธ! Make Web Elements Disappear Like Magic with This Code Technique

Poofโ˜๏ธ! Make Web Elements Disappear Like Magic with This Code Technique

4
Comments 3
3 min read
World's First CSS-only Photo Cubes

World's First CSS-only Photo Cubes

Comments
1 min read
Transparentizing HTML Elements using CSS Only Part 1

Transparentizing HTML Elements using CSS Only Part 1

Comments
3 min read
How to create CSS Skewed Background ft. Pseudo Element

How to create CSS Skewed Background ft. Pseudo Element

Comments
2 min read
Create a Gradient Border with just 2 Lines of CSS

Create a Gradient Border with just 2 Lines of CSS

2
Comments
2 min read
How to make a rainfall-like the one in Matrix movie?

How to make a rainfall-like the one in Matrix movie?

Comments
3 min read
Unconventional Toggling Functionality in JS

Unconventional Toggling Functionality in JS

Comments
2 min read
loading...