DOUM Coding

CSS Property Explanation 64

64. clip-path

Ye property kisi element ko custom shape me crop karne ke liye use hoti hai.

Use Case:

Agar ek div ko circle shape me dikhana ho to clip-path: circle(); use karo.

Example:

.box {
clip-path: circle(50%);
}

Isse div gol shape me cut ho jayega.
If You like These types of post please like.

14 hours ago | [YT] | 1

DOUM Coding

CSS Property Explanation 63

63. object-position

Ye property define karti hai ki image ka kaunsa part visible ho.

Use Case:

Agar image ka top part dikhana ho to object-position: top;.

Example:

img {
object-position: top;
}

Isse image ka upper part dikhega.
If You Like These types of post please like.

1 day ago | [YT] | 1

DOUM Coding

CSS Property Explanation 62

62. object-fit

Ye property image/video ka fit style control karti hai (cover, contain).

Use Case:

Agar image ko container me crop karke fit karna ho, to object-fit: cover;.

Example:

img {
width: 200px;
height: 200px;
object-fit: cover;
}

Isse image zoomed aur perfectly cropped dikhegi.
If You like These types of post please like.

2 days ago | [YT] | 2

DOUM Coding

CSS Property Explanation 61

61. transition-timing-function

Transition ki speed curve batati hai (ease, linear, ease-in).

Use Case:

Agar natural feel chahiye to ease-in-out lagao.

Example:

.box {
transition-timing-function: ease-in-out;
}

Isse transition smooth lagega.
If You like These types of post please like.

3 days ago | [YT] | 1

DOUM Coding

CSS Property Explanation 60

60. transition-delay

Ye property transition start hone se pehle delay lagati hai.

Use Case:

Agar hover ke baad thoda delay chahiye, to use karo transition-delay: 0.3s;.

Example:

.box {
transition-delay: 0.3s;
}

Isse transition 0.3s baad start hoga.
If You like These types of post please like .

4 days ago | [YT] | 1

DOUM Coding

CSS Property Explanation 59

59. transition-duration

Transition hone me kitna time lagega ye batata hai.

Use Case:

Agar hover par smooth change chahiye to 1s duration use karo.

Example:

button {
transition-duration: 1s;
}

Isse hover pe color 1s me badlega.
If You like These types of post please like.

5 days ago | [YT] | 1

DOUM Coding

CSS Property Explanation 58

58. transition-property

Ye property define karti hai kis CSS property par transition effect apply hoga.

Use Case:

Agar sirf background color smooth change karna ho to likho transition-property: background-color;

Example:

.box {
transition-property: background-color;
transition-duration: 0.5s;
}

Isse background color smoothly change hoga.
If You like these types of post please like.

6 days ago | [YT] | 0

DOUM Coding

CSS Property Explanation 57

57. animation-direction

Ye property batati hai ki animation forward chalegi ya reverse.

Use Case:

Agar animation ko aage aur peeche dono direction me chalana ho to alternate likho.

Example:

.box {
animation-direction: alternate;
}

Isse animation ek baar aage aur ek baar peeche chalegi.
If You like These types of post please like.

1 week ago | [YT] | 1

DOUM Coding

CSS Property Explanation 56

56. animation-fill-mode

Ye property define karti hai ki animation ke baad element ka style kya rahega.

Use Case:

Agar animation ke end position par box rukna chahiye to forwards use karo.

Example:

.box {
animation-fill-mode: forwards;
}

Isse animation ke baad element wahi ruk jayega.
If You like These types of post please like.

1 week ago | [YT] | 0

DOUM Coding

CSS Property Explanation 55

55. animation-timing-function

Ye define karta hai speed curve of animation (linear, ease, ease-in, etc).

Use Case:

Agar animation smooth start aur end chahiye to ease-in-out use karo.

Example:

.box {
animation-timing-function: ease-in-out;
}

Isse natural motion effect milega.
If You like these types of post please like.

1 week ago | [YT] | 2