Use the align-content property with value space-between to add space between the flex lines.ExampleYou can try to run the following code to implement the space-between valueLive Demo                    .mycontainer {             display: flex;         ... Read More

Use the repeating-linear-gradient() method to repeat linear gradient.ExampleYou can try to run the following code to implement the repeating-linear-gradient() function in CSSLive demo                    #demo {             height: 300px;             background: repeating-linear-gradient(green 20%, orange 40%, maroon 40%);          }                     Repeating linear gradient.          

Use the flex-wrap property with wrap-reverse value to wrap flex-items in reverse order.ExampleYou can try to run the following code to implement the wrap-reverse valueLive Demo                    .mycontainer {             display: flex;         ... Read More

Use the grid-auto-rows property to set size for the rows.ExampleYou can try to run the following code to implement the grid-auto-rows property −Live Demo                    .container {             display: grid;             grid-auto-rows: 50px;             grid-gap: 10px;             background-color: red;             padding: 10px;          }          .container>div {             background-color: yellow;             text-align: center;             padding:10px 0;             font-size: 20px;          }                              1          2          3          4          5          6          

This example demonstrate about How do I add Vibrate and sound for Notification in AndroidStep 1 − Create a new project in Android Studio, go to File ⇒ New Project and fill all required details to create a new project.Step 2 − Add the following code to res/layout/activity_main.xml.   ... Read More

To create a transition effect, set the property for the transition effect. With that also set the duration of effect.transition: height 5s;You can try to run the following code to create a transition effectExampleLive demo                    div {     ... Read More

To add a border around navbar, set border to ul {    border: 2px solid blue; }ExampleYou can try to run the following code to set borderLive Demo                    ul {             list-style-type: none;   ... Read More

Use the CSS : valid selector to style all elements with a valid value .ExampleYou can try to run the following code to implement the :valid SelectorLive Demo                    input:valid {             background: red;             color: white;          }                     Heading             The style (red color background) appears if you type a relevant/ valid email address.    

Use the CSS : required selector to style elements with a "required" attribute.ExampleYou can try to run the following code to implement the :required SelectorLive Demo                    input:required {             background-color: orange;          }                              Subject:          Student:          

Use the CSS :out-of-range selector to style elements with a value outside a specified range.ExampleYou can try to run the following code to implement the :out-of-range selectorLive Demo                    input:out-of-range {             border: 3px dashed orange;             background: yellow;          }                           The style only works for the value entered out of range