Giri Raju has Published 105 Articles

How to get the arctangent (in radians) of a number in JavaScript?

Giri Raju

Giri Raju

Updated on 06-Sep-2022 14:02:01

In this tutorial, we will learn how to get the arctangent (in radians) of a number in JavaScript. We can use the JavaScript Math object to perform mathematical operations on integers. Math is a pre-defined object with attributes and methods to perform different mathematical functions and constants. This isn't a ... Read More

Set style to current link in a Navigation Bar with CSS

Giri Raju

Giri Raju

Updated on 01-Jul-2020 10:52:03

To set a style to current link in a navigation bar, add style to .active. You can try to run the following code to style current link:ExampleLive Demo                    ul {             list-style-type: none;   ... Read More

Role of CSS :link Selector

Giri Raju

Giri Raju

Updated on 30-Jun-2020 11:16:36

Use the CSS :link selector to style all unvisited links. You can try to run the following code to implement the :link selector −ExampleLive Demo                    a:link {             background-color: orange;          }                     Demo Websitehttps://www.example.com/    

Show the background image only once with CSS

Giri Raju

Giri Raju

Updated on 30-Jun-2020 07:50:30

Use the background-repeat property to display the background image only once. You can try to run the following code to implement the background-repeat property −ExampleLive Demo                    body {             background-image: url("https://www.tutorialspoint.com/videotutorials/images/tutor_connect_home.jpg");             background-repeat: no-repeat;          }                     Background Image    

Rotate transform the element by using x-axis with CSS3

Giri Raju

Giri Raju

Updated on 29-Jun-2020 10:04:58

Use the rotateX(angle) method to rotate transform the element by using x-axis with CSS3 −ExampleLive Demo                    div {             width: 200px;             height: 100px;             background-color: pink;             border: 1px solid black;          }          div#myDiv {             -webkit-transform: rotateX(150deg);             /* Safari */             transform: rotateX(150deg);             /* Standard syntax */          }                              tutorialspoint.com             Rotate X-axis                tutorialspoint.com          

Rotate Out Down Right Animation Effect with CSS

Giri Raju

Giri Raju

Updated on 29-Jun-2020 08:37:16

To create rotate out downright animation effect with CSS, you can try to run the following code −ExampleLive Demo                    .animated {             background-image: url(/css/images/logo.png);             background-repeat: no-repeat;       ... Read More

Usage of rgba() CSS function

Giri Raju

Giri Raju

Updated on 25-Jun-2020 13:11:01

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 {   ... Read More

The correct way to work with HTML5 checkbox

Giri Raju

Giri Raju

Updated on 24-Jun-2020 14:16:39

The following is the correct way −ExampleHere is an example −           Checkbox Control                         Maths           Physics            

How can I make a browser to browser (peer to peer) connection in HTML?

Giri Raju

Giri Raju

Updated on 24-Jun-2020 13:44:32

For the browser to browser connection, follow the below-given steps −All the following library −Create a peer −For creating a peer, you need to get a free API key.var peer = new Peer('pick-an-id', {key: 'myapikey'});Connect −var conn = peer.connect('another-peers-id'); conn.on('open', function(){    conn.send('Welcome!'); });Read More

HTML 5 video or audio playlist

Giri Raju

Giri Raju

Updated on 24-Jun-2020 13:41:09

Use HTML with JavaScript to add playlist. The onended event fires when the audio/video has reached the end. You can add messages like “Thank you for watching”, “Stay tuned!”, etcExampleYou can try to run the following code to implement the onended attribute −               ... Read More

1 2 3 4 5 ... 11 Next
Advertisements