Css tricks you need to know
Hello everyone 👋 welcome back. I hope you guys having a nice day. So today we are going to talk about 5 Cool HTML tricks that you Don't Know!, so before we star please don't forget to share the post with your interested ones once you have read it.
So let's get Started something.
#l SMOOTH SCROLLING
Having a smooth scroll is super sexy and professional. Your web visitor deserves the best user experience.
You might have heard the term smooth scrolling on the internet and wondered what exactly is this? If you aren’t sure, smooth scrolling, as its name indicates, is a feature that allows you to scroll smoothly. The usual/normal scrolling is a bit choppier and might stop suddenly.
#2 RESPONSIVE IMAGE
This will solve the major problem of your web design.
img {
max-width :100%;
height : auto;
}
If you don't know what is Responsive image means. Responsive images will automatically adjust to fit the size of the screen.
#3 iMAGE AS CURSOR
This can give a unique souvenir to your web visitor.
cursor: url ("images/cursor.png"), auto;
If you don't sure what cursor img neans, the cursor CSS property sets the type of mouse cursor, if any, to show when the mouse pointer is over an element.
#4 CENTER ANYTHING
Centering in CSS, who didn't end up
pulling out his or her hair? Here 3
magical CSS line to center anything:
#5 LIMITED CONTENT IN A PARAGRAPH
Do you need to display only a few phrases in your paragraph? use this css code
P{ -webkit-line-clamp: 5; }
This can help you display only a few phrases in your paragraph.
____________________________________________________
Thank you for reading <3
If you interested this post please don't hesitate to share it.
Gracias.