CSS Color

The CSS color property specifies the color of the text.One method of specifying the color of the text is using a color name: like red, green, blue, etc.Here’s an example of changing the color of your font. HTML <p class=”example”>The text inside the paragraph is red.</p> The text outside the paragraph is black (by default). CSS p.example { […]

Continue Reading

CSS font-variant

The CSS font-variant property allows you to convert your font to all small caps. The values can be set as normal, small-caps, and inherit. HTML <p class=”normal”>Welcome to PHPGurukul Programming Blog</p> <p class=”small”>Welcome to PHPGurukul Programming Blog</p> CSS p.normal { font-variant: normal; } p.small { font-variant: small-caps; } Output Not every font supports CSS font-variant, so be sure […]

Continue Reading

The Double Emphasis Thing

I used to have this boss who loved, loved, loved, loved to emphasize words. This was way back before we used a WYSIWYG editors and I’d have to handcode that crap. <p> I used to have this boss who <em>loved</em>, <strong>loved</strong>, <strong><em>loved</em></strong>, <strong><em><u>loved</u></em></strong> to emphasize words. </p> (Let’s not go into the colors he used […]

Continue Reading

Build a Wordle Clone With Python and Rich

In this tutorial, you’ll build your own Wordle clone for the terminal. Since Josh Wardle launched Wordle in October 2021, millions of people have played it. While you can play the original game on the Web, you’ll create your version as a command-line application and then use the Rich library to make it look good. […]

Continue Reading

A Fancy Hover Effect For Your Avatar

Do you know that kind of effect where someone’s head is poking through a circle or hole? The famous Porky Pig animation where he waves goodbye while popping out of a series of red rings is the perfect example, and Kilian Valkhof actually re-created that here on CSS-Tricks a while back. I have a similar […]

Continue Reading