Use the flex-direction property with row value to set the flex-items horizontally.ExampleYou can try to run the following code to implement the row value −Live Demo                    .mycontainer {             display: flex;           ... Read More

Use the transition-timing-function property to set the speed curve of the transition effect. The values you can set are: ease, ease-in, ease-out, linear, etc.ExampleYou can try to run the following code to set the speed curve of the transition effect with CSS −Live Demo           ... Read More

To create a sticky navbar, use the position: sticky; property. You can try to run the following code to create a sticky navbar, ExampleLive Demo                    ul {             list-style-type: none;         ... Read More

Use the CSS : visited selector to style all visited links.ExampleYou can try to run the following code to implement the :visited selector:Live demo                    a:link, a:visited {             background-color: white;           ... Read More

To style every element that is not the specified element, use the CSS :not(selector) selector.ExampleYou can try to run the following code to implement the :not selector:Live Demo                    p {             color: red;          }          :not(p) {             color: blue;          }                     Heading 1       Heading 2       Heading 3       This is a paragraph.       This is another paragraph.    

To style every element that is the first element of its parent with CSS, use the :first-of-type selector:ExampleYou can try to run the following code to implement the :first-of-type selector −Live Demo                    p:first-of-type {             background: orange;          }                     This is demo text1.       This is demo text2.    

To set the color of the right border, use the border-right-color property. You can try to run the following code to implement border-color-property −ExampleLive Demo                    p {             border-style: dotted;             border-right-color: #FFFF00;          }                     This is demo text.     Output

Use the CSS :hover selector to style links on mouse over with CSS. You can try to run the following code to implement the :hover selector −ExampleLive Demo                    a:hover {             background-color: orange;          }                     Qries       Keep the mouse cursor on the above link and see the effect.    

You can try to run the following code to define skew transforms along with y-axis using CSS −ExampleLive Demo                    div {             width: 300px;             height: 100px;       ... Read More

Linear gradients are used to arrange two or more colors in linear formats like top to bottom.ExampleYou can try to run the following code to implement linear gradients in CSS3 −Live Demo                    #grad1 {             ... Read More