Use the grid-column-gap property to set the size of the gap between grid columns in CSSExampleLive Demo                    .container {             display: grid;             grid-auto-rows: 50px;             grid-column-gap: 30px;             grid-row-gap: 20px;             background-color: #2E86C1;             padding: 10px;          }          .container>div {             background-color: #F2D7D5;             text-align: center;             padding:10px 0;             font-size: 20px;          }          .ele3 {             grid-column-end: span 2;          }                              1          2          3          4          5          6          

Use the all property to reset all the properties. Set all property to initial, inherit or unset.You can try to run the following code to implement the CSS all propertyExampleLive Demo                    html {             color: blue;          }          #demo {             background-color: yellow;             color: red;             all: inherit;          }                     CSS all property       This is demo text.    

To implement animation on the border-bottom-left-radius property with CSS, you can try to run the following codeExampleLive Demo                    div {             width: 500px;             height: 400px;       ... Read More

Set a linear gradient as the background image, with linear-gradient() CSS function. You can try to run the following code to implement linear-gradient() function in CSSExampleLive Demo                    #demo {             height: 200px;             background: linear-gradient(green, orange, maroon);          }                     Setting background as linear gradient.          

It can be a Cross-Origin Resource Sharing (CORS) issue.video.crossOrigin = 'anonymous';To enable cross-origin resource sharing, use the following. It allows the images to pass the HTTP header with an image response.Access-Control-Allow-Origin: *You can also use the HTML() method −$('#audio').html('');

Clear the NavigableMap in Java, using the clear() method.Let us first create a NavigableMap and add some elements to it −NavigableMap n = new TreeMap(); n.put(5, "Tom"); n.put(9, "John"); n.put(14, "Jamie"); n.put(1, "Tim"); n.put(4, "Jackie"); n.put(15, "Kurt"); n.put(19, "Tiger"); n.put(24, "Jacob");Now, use the clear() method −n.clear();The following is an example ... Read More

To implement animation on box-shadow property with CSS, you can try to run the following codeExampleLive Demo                    div {             width: 200px;             height: 300px;             background: yellow;             border: 10px solid red;             animation: myanim 3s infinite;             bottom: 30px;             position: absolute;          }          @keyframes myanim {             20% {                bottom: 100px;                box-shadow: 30px 45px 70px orange;             }          }                     Performing Animation on box-shadow          

To count the number of elements in a HashSet, use the size() method.Create HashSet −String strArr[] = { "P", "Q", "R" }; Set s = new HashSet(Arrays.asList(strArr));Let us now count the number of elements in the above Set −s.size()The following is an example to count the number of elements in ... Read More

With CSS3, you can always create shapes like rectangle, triangle, etc.Let us see how −The following is a rectangle −#shape1 {    width: 300px;    height: 150px;    background: blue; }The following is a triangle −#shape2 {    width: 0;    height: 0;    border-left: 200px solid transparent;    border-bottom: 200px solid blue; }

To create a 3D sphere, use the HTML5 canvas. You can use the following function in your code:function display(r) {    this.point = new Array();    this.color = "blue)"    this.r = (typeof(r) == "undefined") ? 20.0 : r;    this.r = (typeof(r) != "number") ? 20.0 : r;    this.vertexes = 0;    for(alpha = 0; alpha