Usage of cubic-bezier CSS Function

George John
Updated on 25-Jun-2020 13:09:09

285 Views

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:          

Set the Name to Grid Items with CSS

Sreemaha
Updated on 25-Jun-2020 13:08:33

173 Views

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          

Select Increment Counter in MySQL

Chandu yadav
Updated on 25-Jun-2020 13:08:29

7K+ Views

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

isFinite Function in JavaScript

karthikeya Boyini
Updated on 25-Jun-2020 13:07:19

84 Views

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

Eval Function in JavaScript

Samual Sam
Updated on 25-Jun-2020 13:06:30

406 Views

The eval() function accepts a string value which holds JavaScript code. This function executes the given code and returns the result of the code.SyntaxIts Syntax is as followseval(32*45);Example Live Demo    JavaScript Example           document.write(eval(32*45));       document.write("");       document.write(eval(new String("Hello welcome to Tutorialspoint")));     Output1440 Hello welcome to Tutorialspoint

encodeURIComponent Function in JavaScript

karthikeya Boyini
Updated on 25-Jun-2020 13:06:05

140 Views

The encodeURIComponent() function accepts a string value representing an URI and encodes it by replacing the characters in it using numbers (1 to 4) and escape sequence.SyntaxIts Syntax is as followsencodeURIComponent('http://www.qries.com/');Example Live Demo    JavaScript Example           var result1 = encodeURIComponent('http://www.qries.com/');       document.write(result1);       document.write("");       var result2 = encodeURIComponent('http://www.tutorialspoint.com/');       document.write(encodeURIComponent(result2));     Outputhttp%3A%2F%2Fwww.qries.com%2F http%253A%252F%252Fwww.tutorialspoint.com%252F

encodeURI Function in JavaScript

Samual Sam
Updated on 25-Jun-2020 13:05:23

146 Views

The encodeURI() function accepts a string value representing an URI and encodes it by replacing the characters in it using numbers (1 to 4) and escape sequence.SyntaxIts Syntax is as followsencodeURIComponent('http://www.qries.com/');Example Live Demo    JavaScript Example           var result1 = encodeURI('http://www.qries.com/?x=шеллы');       document.write(result1);       document.write("");       var result2 = encodeURI('http://www.tutorialspoint.com/?x=шеллы');       document.write(result2);     Outputhttp://www.qries.com/?x=%D1%88%D0%B5%D0%BB%D0%BB%D1%8B http://www.tutorialspoint.com/?x=%D1%88%D0%B5%D0%BB%D0%BB%D1%8B

decodeURIComponent Function in JavaScript

karthikeya Boyini
Updated on 25-Jun-2020 13:04:46

303 Views

The decodeURIComponent() function accepts a string value representing an encoded URI (Uniform Resource Identifier) decodes it and returns the result.SyntaxIts Syntax is as followsencodeURIComponent('http://www.qries.com/');Example Live Demo    JavaScript Example           var encodedData = encodeURIComponent('http://www.qries.com/?x=шеллы');       document.write("Encoded Data: "+encodedData);       document.write("");       var decodedData = decodeURIComponent(encodedData);       document.write("Decoded Data: "+decodedData);     OutputEncoded Data: http%3A%2F%2Fwww.qries.com%2F%3Fx%3D%D1%88%D0%B5%D0%BB%D0%BB%D1%8B Decoded Data: http://www.qries.com/?x=шеллы

Decode URI Function in JavaScript

Samual Sam
Updated on 25-Jun-2020 13:04:20

131 Views

The decodeURI() function accepts a string value representing an encoded URI, decodesit and, returns the resultant string.SyntaxIts Syntax is as followsdecodeURI('http://www.qries.com/');Example    JavaScript Example           var result1 = decodeURI('http://www.qries.com/');       document.write(result1);       document.write("");       var result2 = decodeURI('http://www.tutorialspoint.com/');       document.write(result2);     Outputhttp://www.qries.com/ http://www.tutorialspoint.com/

Fourth Generation (4G) Mobile Phones

Arjun Thakur
Updated on 25-Jun-2020 13:03:45

5K+ Views

Fourth Generation (4G) mobile phones provides broadband cellular network services and is successor to 3G mobile networks. It provides an all IP based cellular communications. The capabilities provided adhere to IMT-Advanced specifications as laid down by International Telecommunication Union (ITU).FeaturesIt provides an all IP packet switched network for transmission of voice, data, signals and multimedia.It aims to provide high quality uninterrupted services to any location at any time.As laid down in IMT-Advanced specifications, 4G networks should have peak data rates of 100Mbps for highly mobile stations like train, car etc., and 1Gbps for low mobility stations like residence etc.It also ... Read More

Advertisements