CSS Interview questions and answers

 1)How can we 'pause' a css animation?

 By using animation-play-state property 

 animation-play-state: paused

 animation-play-state: running

2)Can we implement lazy loading in HTML?

Yes , you can by adding loading attribute

Do you know that adding a background-color to an <img/> works when the image fails to load?

img {

   background-color: #525252;

}

You can improve  fast your website.

<img src="path.jpg" loading="lazy">

</img>

Due to loading = lazy, images will load when users scroll them

3)How to achieve smooth scrolling with CSS?

CSS tip:

-using  scroll-behavior:smooth 

Html{

scroll-behavior:smooth;

}

4)How to change the color of the cursor CSS ?

using the caret-color: red; 

You can change the color of the text input cursor.

5)What is clamp property in CSS?

If you want to font-size changes depending on the screen size then use 'clamp(min, val, max)' CSS property 

h1{

font-size:clamp(1rem, 2.5vm, 2rem);

}

Thanks for visiting this blog. How is the content?. Your comment is great gift to my work. Cheers.

Privacy policy , contact us