Image with Gray Scale Effect || CSS Only || Full Source Code

Hi Guys, Today we will create an Image with a gray scale effect using CSS.
A grayscale image is one in which the colours are represented in shades of gray, varying from black at the weakest intensity to white at the strongest. This means the image contains no colour information, only brightness levels. Each pixel in a grayscale image typically has a value ranging from 0 (black) to 255 (white) in an 8-bit image, representing the intensity of light.
Hope you guys liked the video and don't forget to subscribe for more videos.