While creating messageChannel, it internally creates two ports to send the data and forwarded it to another browsing context.postMessage() − Post the message throw channelstart() − It sends the dataclose() − it closes the portsIn this scenario, we are sending the data from one iframe to another iframe. Here we ... Read More

HTML5 canvas provides rotate(angle) method which is used to rotate the canvas around the current origin.This method only takes one parameter and that's the angle the canvas is rotated by. This is a clockwise rotation measured in radians.ExampleYou can try to run the following code to rotate HTML Canvas − ... Read More

Use the TimeRanges object in HTML to set a series of non-overlapping ranges of time. You can also set the start and stop time.The following are the properties −length − Length of time ranges.start(index) − start time, in secondsend(index) − end time, in secondsHere is the code snippet showing buffering −// ... Read More

You need to track which elements dragenter and dragleave had been triggered on. Listening dragenter and dragleave on an individual element will capture not only events on that element but also events on children.$.fn.draghover = function(options) {    return this.each(function() {       var collection = $(),       self ... Read More

To set the style of the rule between columns, use the column-rule-style property. You can try to run the following code to implement the column-rule-style property.ExampleLive Demo                    .demo {             column-count: 4;     ... Read More

Use the column-width property to specify the width of the columns. You can try to run the following code to implement the column-width property −ExampleLive Demo                    .demo {             column-count: 4;       ... Read More

To change the pagination size, use the font-size property. You can try to run the following code to increase the size of pagination:ExampleLive Demo                    .demo {             display: inline-block;          } ... Read More

Use the height attribute in HTML to set the height of an element. You can use the attribute with the following elements − , , , , , etc.ExampleYou can try to run the following code to implement height attribute in HTML −                                        Your browser does not support the video element.          

Use the CSS :hover selector to create hoverable buttons. You can try to run the following code to create hoverable buttons:ExampleLive Demo                    .btn {             background-color: yellow;             color: black; ... Read More

Use the animation-direction property to set whether an animation should be played forwards, backward or in alternate cycles.You can try to run the following code to implement the animation-direction property:ExampleLive Demo                    div {             ... Read More