Simple but very beautiful hover effect for an image using CSS

The idea is to initially make the image black and white using the CSS filter grayscale() by setting it to 100%, and then change the value to 0 on hover. And also change the size of the image itself by setting scale:1.05

Telegram | tiktok

Simple web developer portfolio hero section with basics and fully responsive

#hero
@etwebs

Drop your comment below 💬

Source code

Don't forget to react for more content like this

Simple and interesting hover effect

Source code 👈

@etwebs

Creating abay bank logo with striped design using CSS clip-path

#CSS
@etwebs

🇪🇹Happy victory day 🇪🇹

Using html,css and JavaScript with interesting animation
Check this👉 codepen

@etwebs

What is the defer attribute in the <noscript> tag?

The defer attribute allows noscripts to be loaded in the background, but executed only after the HTML has fully loaded. This speeds up page rendering and prevents content blocking

@etwebs

CSS properties padding-inline and padding-block

padding-inline - sets both left and right padding

div {
padding-inline: 30px;
}

padding-block - sets both top and bottom padding

div {
padding-block: 30px;
}

#css

@etwebs

❤️ — If it is useful
💯 — If it is basic

These are old and great tutorials Take a look and get started⚡️

1. Learn HTML5 and CSS3 From Scratch - Full Course

2. HTML and CSS Tutorial - COMPLETE Crash Course!

3. Learn HTML5 and CSS3 For Beginners - Crash Course

@etwebs

Hay every one this is my own css color gradient generator try it and leave a comment 🤎
https://gradientgenerator-et.netlify.app/

@etwebs

Let me tell some futures on it

This free web app lets you create beautiful CSS gradients for your websites and projects
Features include

-Add multiple color with different angle
- Switch between linear and radial gradients
-Adjust angles with real-time preview
-One click copy of CSS code
-Download gradients as PNG images
-Save your gradient history

Developer Roadmap

Struggling to start or stuck between frameworks and tools? This GitHub repo is your guide Whether you're a beginner or an expert it provides a clear path to help you understand where you are and where to go next

These roadmaps give perspective not just trends so you can choose the right tools for the right job

🔗 GitHub

#DeveloperRoadmap

19 Free Programming Books in PDF 🔥

CSS, HTML, JS, React, Python.....

http://flaviocopes.com/books/

@etwebs

Give the text texture using a background image

background: url(image.png); - create a background image that matches the rectangular image for the field containing the text.

background-clip: text; - crop the background so that it is visible only where there is text.

color: transparent; - set a transparent background color for the text itself.

👍- if this was helpful and is any comment let me know on the comment section

@etwebs