Giri Raju has Published 116 Answers

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<!DOCTYPE html> <html>    <head>       <style>          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<!DOCTYPE html> <html>    <head>       <style>          a:link {             background-color: orange;          } ... Read More

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<!DOCTYPE html> <html>    <head>       <style>          body {             background-image: url("https://www.tutorialspoint.com/videotutorials/images/tutor_connect_home.jpg");       ... Read More

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<html>    <head>       <style>          div {             width: 200px;             height: 100px;             ... Read More

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<html>    <head>       <style>          .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<!DOCTYPE html> <html>    <head>       <style>          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 −<input name = "your_name" value = "your_value" type = "checkbox">ExampleHere is an example −<!DOCTYPE html> <html>    <head>       <title>Checkbox Control</title>    </head>    <body>       <form>          <input type = "checkbox" name = "maths" value = ... Read More

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 −<script src = "http://cdn.peerjs.com/0.3/peer.js"></script>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 −<!DOCTYPE HTML> <html>    <body>       <video width ... Read More

How to add the value of the element in HTML?

Giri Raju

Giri Raju

Updated on 24-Jun-2020 12:18:52

Use the value attribute to add the value of the element in HTML. It works with the following elements − <button>, <input>, <li>, <option>, <meter>, <progress>, <param>.ExampleYou can try to run the following code to implement value attribute − Live Demo<!DOCTYPE html> <html>    <body>       <head>         ... Read More

1 2 3 4 5 6 7 ... 12 Next
Advertisements