✨ Frosted Glass Effect (Glassmorphism) ✨

<div class="glassmorphism"></div>

body {
  width: 100%;
  height: 100vh;
  background: url("photo.png");
  display: flex;
  justify-content: center;
  align-items: center;
}

.glassmorphism {
  background: linear-gradient(135deg, rgba(255,255,255,0.02), rgba(255,255,255,0));
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  box-shadow: 0 8px 24px rgba(0,0,0,0.5);
  border-radius: 20px;
  height: 200px;
  width: 500px;
}


Try it and 👍 If this was helpful!
@etwebs

🚀 Learn CSS in 20 Days – Step by Step

🔹 Day 01 → What is CSS | Syntax | Importing CSS
🔹 Day 02 → CSS Selectors
🔹 Day 03 → CSS Colors
🔹 Day 04 → Fonts | Background-color | Background-image
🔹 Day 05 → Background-repeat | Background-attachment | Background-position
🔹 Day 06 → CSS Units
🔹 Day 07 → Box Model (Padding, Margin, Border, Size, Box Sizing)
🔹 Day 08 → CSS Positions
🔹 Day 09 → Display Property
🔹 Day 10 → Table Styling
🔹 Day 11 → Layouts
🔹 Day 12 → Flexbox
🔹 Day 13 → Grid
🔹 Day 14 → Opacity
🔹 Day 15 → Overflow
🔹 Day 16 → Pseudo Classes
🔹 Day 17 → Pseudo Elements
🔹 Day 18 → Transitions
🔹 Day 19 → Animations
🔹 Day 20 → Gradients

@etwebs #css

Big News!
We’re excited to announce that Blacklion has officially transformed into Regix

Regix?

Reg → from Regal (royalty, leadership....)
ix → a modern, tech-driven suffix often used in startups (innovation, design, digital)  like Linux, Netflix, Wix.

Together, Regix = “Royal strength + modern innovation” a bold tech brand.

Our Focus

With this new identity, we are launching our dedicated service in website design and development  helping businesses build strong, modern, and user-friendly digital platforms.
This rebrand marks the beginning of a stronger more innovative journey

Welcome to the new era of Regix!

You are part of our community let us know how it feels!

@etwebs

Ideas are easy  everyone has them.

🔥 What makes you stand out is ACTION.
Take that first step, execute, and that’s what sets you apart.

Everyone says “I thought of that too”

🤔The difference?
Winners don’t just think they ACT.

@etwebs

🤔 Want to be better than 99% of programmers?

Stop doing what everyone else does (tutorials, courses, Leetcode). That only makes you average.

Do what others won’t

1️⃣ Learn debugging (most of coding is fixing, not writing).

2️⃣ Focus on quality projects over quantity.

3️⃣ Read code → 10x more than you write (check GitHub daily). Especially this one

4️⃣ Collaborate → contribute to open source.

5️⃣ Network → join meetups & conferences.

This is how you break into the top 1%.

@etwebs

It's simple
@etwebs

A cool tool for generating SVG waves for your project

It offers a very simple interface for customizing and styling waves to suit your design

Try it out here the source code is on GitHub

Don't forget to react for more content like this

@etwebs

Tutorials dose't make you a developer
Building projects, Start small, but start today

@etwebs

A visual overview of useful skills a web developer should master

This resource contains a collection of all kinds of useful skills for web programmers, for both beginners and advanced users

Hovering over any skill will display a list of helpful links to various tutorials and explanations

@etwebs

CSS Loader Generator Use this online generator to set up a CSS loader for your web page

You can also find hundreds of other tools, resources, and generators on this portal to help you with CSS and HTML

https://www.cssportal.com/css-loader-generator/

@etwebs

HTTP status Codes

404 Not Found - The server could not find the requested resource

100 Continue - Intermediate response, request successfully accepted.

200 OK - Request accepted and correctly processed by the web server.

201 Created - The server processed the request and created a new resource.

301 Moved Permanently - The requested resource has permanently
moved to a new address.

304 Not Modified - The requested resource has not changed,
meaning a cached version can be used.

400 Bad Request - The request from the client to the web server is malformed.

401 Unauthorized - Access denied due to lack of authorization.

500 Internal Server Error - Internal server error

501 Not Implemented - The request method is not supported by the server and cannot be processed.

👍  If this was helpful

@etwebs

Balancing Text In CSS

How to make text look more balanced
in CSS

@etwebs

Hello fam, I know I've been posting for a while, but I'm just here to share something about vibe coding It's been talked about a lot lately, more than before. What do you think? Is it a new term for you or familiar with it? I want to share sth about it

@Regixdev