Data Structure
Networking
RDBMS
Operating System
Java
MS Excel
iOS
HTML
CSS
Android
Python
C Programming
C++
C#
MongoDB
MySQL
Javascript
PHP
To implement animation on filter property with CSS, you can try to run the following codeExampleLive Demo div { width: 600px; height: 300px; background-image: url('https://www.tutorialspoint.com/assets/videotutorials/courses/swift_4_online_training/380_course_210_image.jpg'); border: 2px solid blue; animation: myanim 3s infinite; position: absolute; column-rule: 10px inset orange; column-count: 4; } @keyframes myanim { 20% { filter:contrast(400%); } } Performing Animation on filter property
To implement animation on columns property with CSS, you can try to run the following code:ExampleLive Demo div { width: 600px; height: 300px; background: white; border: 10px solid red; animation: myanim 3s infinite; bottom: 30px; position: absolute; column-rule: 10px inset orange; ... Read More
Import the following package for Calendar class in Java.import java.util.Calendar;Firstly, create a Calendar object and display the current date and time.Calendar calendar = Calendar.getInstance(); System.out.println("Current Date and Time = " + calendar.getTime());Now, let us increment the seconds using the calendar.add() method and Calendar.SECOND constant.calendar.add(Calendar.SECOND, 15);Example Live Demoimport java.util.Calendar; public class Demo { public static void main(String[] args) { Calendar calendar = Calendar.getInstance(); System.out.println("Current Date = " + calendar.getTime()); // Add 15 seconds to current date calendar.add(Calendar.SECOND, 15); System.out.println("Updated Date = " + calendar.getTime()); } ... Read More
Use the CSS rgb() function to define color using the RGB Model.Use the CSS rgba() function to set RGB colors with opacity.You can try to run the following code to set color with rgba() function:ExampleLive Demo h1 { background-color:hsl(0,100%,50%); } h2 { background-color:rgb(0,0,255); color: rgb(255,255,255); } p { background-color:rgba(255,0,0,0.9); } Red Background Blue Background This is demo text!
Use the grid-auto-columns property to set 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; grid-auto-columns: 100px; 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
You can select values that meet different conditions on different rows using IN() and GROUP BY. The syntax is as follows −SELECT yourColumnName1 from yourTableName WHERE yourColumnName2 IN(value1, value2, .....N) GROUP BY yourColumnName1 HAVING COUNT(DISTINCT yourColumnName2)=conditionValue;To understand the above syntax, let us first create a table. The query to create a table is as follows −mysql> create table DifferentRows -> ( -> FirstRow int, -> SecondRow int -> ); Query OK, 0 rows affected (0.72 sec)Insert some records in the table using insert command. The query is as follows −mysql> insert into DifferentRows values(10, 10); Query OK, 1 row affected ... Read More
To define a Cubic Bezier curve, use the cubic-bezier() function. You can try to run the following code to implement the cubic-bezier() functionExampleLive Demo div { width: 100px; height: 100px; background: yellow; transition: width 3s; transition-timing-function: cubic-bezier(0.3, 0.3, 2.0, 0.9); } div:hover { width:200px; } Hover over the below container:
To set names to grid items in CSS, use the grid-area property, with the grid-template-areas property:ExampleLive 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
To select increment counter in MySQL, first you need to declare and initialize a variable. The syntax is as follows −set @anyVariableName=0; select yourColumnName, @anyVariableName:=@anyVariableName+1 as anyVariableName from yourTableName;To understand the above syntax and set an increment counter, let us first create a table. The query to create a table is as follows.mysql> create table incrementCounterDemo -> ( -> Name varchar(100) -> ); Query OK, 0 rows affected (1.01 sec)Insert some records in the table using insert command. The query is as follows.mysql> insert into incrementCounterDemo values('John'); Query OK, 1 row affected (0.18 sec) mysql> insert into incrementCounterDemo values('Carol'); ... Read More
The isFinite() function accepts a value and determines whether the given value is a finite number or not. If so, this method returns true else it returns false. You can also invoke this method using Number object.SyntaxIts Syntax is as followsisFinite(5655);Example Live Demo JavaScript Example var result1 = Math.min(); document.write(isFinite(result1)); document.write(""); var result2 = Number.isFinite(100/0); document.write(result2); document.write(""); var result3 = Math.max(25, 36, 862); document.write(isFinite(result3)); Outputfalse false true