Samual Sam has Published 2310 Articles

Perform Animation on CSS font-size property

Samual Sam

Samual Sam

Updated on 25-Jun-2020 09:00:59

956 Views

To implement animation on the font-size property with CSS, you can try to run the following codeExampleLive Demo                    p {             border: 2px solid black;             width: 400px;             height: 100px;             animation: myanim 5s infinite;          }          @keyframes myanim {             70% {                font-size: 30px;             }          }                     This is demo text    

How to display columns and rows using named CSS grid items

Samual Sam

Samual Sam

Updated on 25-Jun-2020 08:57:51

149 Views

To display columns and rows using named CSS, use the grid-area property, with the grid-template-areas propertyExampleLive Demo                    .container {             display: grid;             background-color: green;             grid-template-areas: 'demo demo . . .' 'demo demo . . .';             padding: 20px;             grid-gap: 10px;          }          .container > div {             background-color: orange;             text-align: center;             padding: 10px 0;             font-size: 20px;          }          .ele1 {             grid-area: demo;          }                     Game Board                1          2          3          4          5          6          

Set where to end the CSS grid item

Samual Sam

Samual Sam

Updated on 25-Jun-2020 08:49:32

129 Views

Use the grid-column-end property to set where to end the grid item. You can try to run the following code to implement the grid-column-end propertyExampleLive Demo                    .container {             display: grid;       ... Read More

Blending mode of each background layer with CSS

Samual Sam

Samual Sam

Updated on 25-Jun-2020 08:20:42

89 Views

Use the background-blend-mode property to set the blending mode of each background layer with CSS. You can try to run the following code to implement the background-blend-mode property and set the mode to darkenExampleLive Demo                    #myDIV {       ... Read More

Remove all elements from Java NavigableMap

Samual Sam

Samual Sam

Updated on 25-Jun-2020 07:54:39

170 Views

Use the clear() method to remove all elements from NavigableMap in Java.First, let us create NavigableMap −NavigableMap n = new TreeMap();Add elements to the NavigableMap −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");Remove all elements −n.clear();The following is an example to remove ... Read More

Convert array to HashSet in Java

Samual Sam

Samual Sam

Updated on 25-Jun-2020 07:54:16

2K+ Views

Create an array and convert it to List −Integer[] arr = { 10, 15, 20, 10, 10, 10, 20, 30, 35, 40, 40}; List l = Arrays.asList(arr);Now, let us convert the above array to HashSet −Set s = new HashSet(l);The following is an example to convert array to HashSet −Example Live ... Read More

How to set a default column size in CSS Grid

Samual Sam

Samual Sam

Updated on 25-Jun-2020 07:37:38

521 Views

Use the grid-auto-columns property to set a default size for columns.You can try to run the following code to implement the grid-auto-columns property with CSSExampleLive Demo                    .container {             display: grid;       ... Read More

What is a transformation matrix in HTML5 canvas?

Samual Sam

Samual Sam

Updated on 25-Jun-2020 07:26:44

239 Views

HTML5 canvas provides methods that allow modifications directly to the transformation matrix. The transformation matrix must initially be the identity transform. It may then be adjusted using the transformation methods.ExampleLet us see an example of canvas transformation −                    function ... Read More

CSS grid-row Property

Samual Sam

Samual Sam

Updated on 25-Jun-2020 07:25:36

112 Views

With grid-row property, set the size of grid items. It has grid-row-start and grid-row-end properties. You can try to run the following code to implement the CSS grid-row property.ExampleLive Demo                    .container {             display: ... Read More

NavigableMap isEmpty() Method in Java

Samual Sam

Samual Sam

Updated on 25-Jun-2020 07:22:15

123 Views

Check whether a Map is empty or not using the isEmpty() 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 following method to check ... Read More

Advertisements