CSS BLOG

CSS Dimension
Css dimension is basically height,width,max-min height,max-min width etc.
Implement css height and width :
.Container{
Height:”30px”
Width:”60px”

}
Width and height take more values like rem, em, pt, cm etc
CSS Media Queries
Media Queries are used to make a responsive web page that can respond in different devices with different type ratios.
The break point for some devices are as follows;
Smartphones (portrait and landscape)
Max-width=480px min-width 320px
Smartphones (portrait)
Max-width=320 px
Tablets
Max-width =786 px
Laptop and desktop
Min-width=1224px
For larger devices
Min width =1824px

CSS Gradiant
CSS gradient is a way to implement animation to an image. there are 2 types of the gradient in CSS. those are linear gradient and radial gradient.
Linier gradient is implemented by
linear-gradient(direction, color-stop1, color-stop2, ...)
Linear gradient style two colours must be declared. The more complex effect may be applied through the linear gradient.
Radial gradient is implemented by
radial-gradient(shape size at position, color-stop1, color-stop2, ...);

CSS CURSOR
CSS cursor property is used to define the specific action based style to the mouse cursor.
There are a few types of cursor effects based on interaction with the website. And they are
Cursor Default
Cursor Pointer
Cursor help
Cursor wait
Cursor progress
Cursor move and so on.