If you know CSS then you can use these amazing generators and save your time

Thread πŸ§΅πŸ‘‡πŸ»

1️⃣ CSS Box Shadow Generator

- Generate CSS3 Box Shadow code for your Div, Frame, Buttons or any other HTML element with Outline, and Inset (inner) type shadow effects

πŸ”— https://t.co/6La36IzBLj
2️⃣ Glassmorphism

- Generate glassmorphic design easily

πŸ”— https://t.co/qrKqDV5tzY
3️⃣ Cool Backgrounds

- Explore a beautifully curated selection of cool backgrounds that you can add to your next project

πŸ”— https://t.co/df7VSaRSh9
4️⃣ Pixel art

- Create CSS pixel art, export the results to CSS and download them.

πŸ”— https://t.co/ojD8qwzuhx
5️⃣ SVG waves

- It's not a CSS generator but very handy tool. You can create the layers of waves and simply export either in SVG or PNG

πŸ”— https://t.co/52OiBLV5pi
6⃣ Color theme generator

- A great tool for CSS dark/light theme created by @tenphi

πŸ”— https://t.co/TyeEtTcIRl

More from Pratham πŸ‘¨β€πŸ’»πŸš€

5 best color palette for every web developer and designer 🎨

πŸ§΅πŸ‘‡


1. Color hunt

- Color Hunt is a free and open platform for color inspiration with thousands of trendy hand- picked color palettes

πŸ–‡οΈ
https://t.co/xR0FVTjK0L


2. Adobe color wheel

Explore and create accessible color palettes using color wheel, in variety of color variations and contrast levels. It will tell you automatically if two colors are not accessible

πŸ–‡οΈ https://t.co/ndsgBauTEc


3. Palette Ninja

Palette ninja is an online color scheme generator that allows you to create harmonious color schemes in seconds

πŸ–‡οΈ https://t.co/cuzP21tn2Z


4. My color space

Here you can find the perfect matching color scheme for your next project! Generate nice color palettes, color gradients and much more! Your space for everything that has to do with color

πŸ–‡οΈ https://t.co/kmjrXOceAj
You can learn 90% of CSS using these 10 threads

πŸ§΅πŸ‘‡

1. All you need to know about CSS


2. Getting started with CSS animations


3. Z-index is tricky but this thread solve all your doubts


4. CSS positioning concepts
9 websites that will help you learn web development faster (they are free) 🧡

1. How HTTP Works

Everything you need to know about HTTP based system.

πŸ”—
https://t.co/gVZS4RzS1a


2. 30 Days of Node

Learn Node step by step with interactive examples and code snippet in 30 days.

πŸ”— https://t.co/9nbtMiNB1C


3. How DNS Works

Learn what happens when you type a website address in your browser

πŸ”— https://t.co/SqMRNnDbc3


4. Git

Check out this excellent free website to learn git visually.

πŸ”— https://t.co/rQJMISBDfS

You May Also Like