Cool CSS Code To Convert Any Image To Grayscale

by David J. Stewart | January 2022

Psalms 27:13, “I had fainted, unless I had believed to see the goodness of the LORD in the land of the living.”

I am learning to design websites with CSS code. It is so much fun! On this page I am demonstrating a little nifty code I found that converts any image, or all images, into grayscale, giving it an old-fashioned look. Pretty neat, huh? Good is so more than amazing!!!

NASA finally launched their James Webb Telescope. I had waited with great enthusiasm for years, awaiting the final launch. But the launch kept getting delayed, and delayed, and delayed, for 10 long grueling years. Considering that the telescope cost the government $10,000,000,000 I can understand why they were so careful and hesitant.

But now success! The James Webb Telescope was successfully launched on December 24th, the day before Christmas in 2021. I didn't even find out about it until January, when the telescope was first opening it's 18 gold mirrors and 126 small motors. If even one failed the whole mission would become a catastrophic failure!

NASA said that it will require a few months to align all the mirrors perfectly, and we can expect the first images back from outerspace sometime this summer in 2022. I can't wait. Show me now! Okay, I'll wait.


Here below are some random images I selected, to show them to you in grayscale.

I couldn't help but think of these clear images as a good illustration of the free and simple Gospel of Free Grace. Whether these pictures are colorful or black and white, they still are clear to see. Likewise, the Gospel preached in the inspired King James Bible is clear to see. We are all guilty sinners. There is a penalty for our sin, which is death; not only death in this lifetime, but also in the next in the everlasting Lake of Fire (Hell). But God the Father in His love, sent His only begotten Son (Jesus) into the world to die on the cross to pay our debt of sin. JESUS PAID IT ALL!!! Christ died on the cross, He was buried and 72 hours later He miraculously physically resurrected from the dead. This is the Gospel (the Good News) according to 1st Corinthians 15:1-6. Simply BELIEVE this Good News oh needy sinner and you will immediately, irrevocably and forever be born-again, saved, redeemed, an adopted child of God. You have God's promise of it. John 3:16, “For God so loved the world, that he gave his only begotten Son, that whosoever believeth in him should not perish, but have everlasting life.”

Here is the simple code to convert all images on a web page to grayscale. You can also change just one image by using unique descriptors in both the head and body sections of your web page (e.g., img2, img3, img4, et cetera). It is real interesting if you change that 100% to 50%, or whatever you'd like, changing the color and dynamics of your photos...

<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
img {
-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
filter: grayscale(100%);
}
</style>
</head>
<body>

<img src="yourimagenamegoeshere.jpg" alt="yourimagenamegoeshere" width="300" height="300">

</body>

These web design codes are simple to use, if you understand how to use HTML code to make a webpage. I use Microsoft's Expression Web 4 (version 4.0.1460.0), which you can download and use for free (no registration is required). This trial version comes with CSS functionality, but some of the earlier versions don't. So this is the download you want, which is fully functional. I make no guarantees though if your computer blows up! It's works fine on my laptop with Windows 10. The download is 98.7 MB. You don't have to use this program though, there are dozens of web design programs now available, some for purchase and others for free.

Praise the Lord for His excellent goodness!!!

The Gift Of Eternal Life Is Wrapped In The Wonderful Package Of Jesus

END OF ARTICLE

“Faith is the only righteous thing that I can do!”
—Pastor Jack Hyles, a quote from the MP3 sermon titled: God's Reversal Of Psalm 51

1st Corinthians 16:24, “My love be with you all in Christ Jesus. Amen.”


Souls Are Dying!

How Permanent Is Your Salvation?
(an excellent MP3 sermon by Pastor Hank Lindstrom, 1940-2008)

Mark 1:15, “...repent ye, and believe the gospel.”

“The mark of the child of God is that he loves everybody!”
(a quote from Pastor Jack Hyles' classic MP3 sermon, “FORGIVENESS”)

Mark 11:22, And Jesus answering saith unto them, Have faith in God.


Ye Must Be Born Again! | You Need HIS Righteousness!