Use the flex-direction property to specify the direction of the flexible items. You can try to run the following code to implement the flex-direction property:ExampleLive Demo                    .mycontainer {             display: flex;         ... Read More

To repopulate, use the drag and drop. This was not possible before, but now it is valid.Let us see how −function drop(ev) {    ev.stopPropagation();    ev.preventDefault();      // retrieving dataTransfer field from the event    var d = ev.dataTransfer;    var files = d.files;    handleFiles(files); }For drag ... Read More

You can try to run the following code to set button on an image:ExampleLive Demo                    .box {             position: relative;             width: 100%;             max-width: 250px;          }          .box img {             width: 100%;             height: auto;          }          .box .btn {             position: absolute;             top: 50%;             left: 50%;             transform: translate(-50%, -50%);          }                                        Button          

Use the onstalled attribute in HTML to execute a script when the browser is unable to fetch the media date.The onstalled attribute can be used for the following elements − The following is the syntax for −The following is the syntax for −ExampleYou can try to run the following code ... Read More

Use the draggable attribute to create a draggable paragraph. Enable or Disable the drag using the values true and false.ExampleYou can try to run the following code to implement draggable element and drag an element −                    .drag {             ... Read More

To position text to top right, use the right and top property. You can try to run the following code to implement it:ExampleLive Demo                    .box {             position: relative;          } ... Read More

To select elements with an attribute, use the CSS [attribute] selector.For example, alt attribute or a target attribute, etc.You can try to run the following code to implement the CSS[attribute] selector,ExampleLive Demo                    img[alt] {             border: 3px solid orange;          }                              

To select all the elements with id=”tutorials”, you can try to run the following code.Use the #id CSS selector to achieve this,ExampleLive Demo                    #tutorials {             border: 3px solid red;          }                     Tutorialspoint       Learning       Tutorials on web dev, programming, database, networking, etc.       Every tutorials has lessons with illustrations and figures.    

Use the animation-direction property to set whether an animation should be played forwards, backward or in alternate cycles:ExampleLive Demo                    div {             width: 150px;             height: 200px;             background-color: yellow;             animation-name: myanim;             animation-duration: 2s;             animation-direction: reverse;          }          @keyframes myanim {             from {                background-color: green;             }             to {                background-color: blue;             }          }                        

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