Prabhas has Published 78 Articles

Set background image as fixed with CSS

Prabhas

Prabhas

Updated on 01-Jul-2020 10:53:46

621 Views

Use the background-attachment property to display the background image as fixed.ExampleYou can try to run the following code to implement the background-attachment property −Live Demo                    body {             background-image: url("https://www.tutorialspoint.com/videotutorials/images/tutor_connect_home.jpg");             background-repeat: no-repeat;             background-attachment: fixed;             background-position: right top;          }                     Background Image    

Style to highlight active HTML anchor with CSS

Prabhas

Prabhas

Updated on 01-Jul-2020 09:20:09

2K+ Views

To highlight active HTML anchor with CSS, use the :target selector.ExampleYou can try to run the following code to implement the :target Selector:Live Demo                    :target {             border: 2px solid #D4D4D4;         ... Read More

Style every element that is the only element of its parent with CSS

Prabhas

Prabhas

Updated on 01-Jul-2020 08:59:10

79 Views

Use the CSS :only-of-type selector to style every element that is the only element of its parent.ExampleYou can try to run the following code to implement the :only-of-type selector:Live Demo                    p:only-of-type {           ... Read More

CSS position: absolute;

Prabhas

Prabhas

Updated on 30-Jun-2020 09:47:24

260 Views

The position: absolute; property allows you to position element relative to the nearest positioned ancestor.ExampleYou can try to run the following code to implement CSS position: absolute;Live Demo                    div.one {             position: relative;     ... Read More

CSS3 Multi color Gradients

Prabhas

Prabhas

Updated on 29-Jun-2020 10:14:59

144 Views

You can try to run the following code to implement multi-color gradients in CSS3 −ExampleLive Demo                    #grad2 {             height: 100px;             background: -webkit-linear-gradient(red, orange, yellow, red, blue, green, pink); ... Read More

CSS3 Outline offset Property

Prabhas

Prabhas

Updated on 29-Jun-2020 08:27:03

128 Views

Outline means to draw a line around the element at the outside of the border.ExampleYou can try to run the following code to implement the CSS3 outline-offset property −Live Demo                    div {             margin: 20px;       ... Read More

Using SAP JCO to connect SAP server to JAVA application

Prabhas

Prabhas

Updated on 25-Jun-2020 21:09:32

1K+ Views

I would suggest you to use below instead of JCO_AHOST and JCO_SYSNR:Use JCO_R3NAME with system ID of the target hostUse JCO_MSHOST with message server host name or IP addressUse JCO_MSSERV with message server port numberUse JCO_GROUP with the name of the logon groupYou can refer to below link to check ... Read More

Generating sound on the fly with JavaScript/ HTML5

Prabhas

Prabhas

Updated on 24-Jun-2020 14:01:11

223 Views

The Web Audio API is used to control audio, which allows you to choose audio sources. You can also add effects; create audio visualizations, panning, etc.ExampleYou can try to run the following code snippet to generate sound −// use one context per document. Here we are creating one context for ... Read More

How to specify if and how the author thinks the audio/video should be loaded when the page loads in HTML?

Prabhas

Prabhas

Updated on 24-Jun-2020 11:48:24

67 Views

You can try to run the following code to learn how to implement a preload attribute to allow the author to give a hint to the browser for the best user experience. Works for both and tags −Example                                        Your browser does not support the video element.          

With CSS set the element to retain the style values that are set by the last keyframe

Prabhas

Prabhas

Updated on 24-Jun-2020 06:01:36

108 Views

To set the elements to retain the style values set by the first keyframe, use the animation-fill-mode property with the forwards value.ExampleLive Demo                    div {             width: 150px;             height: 200px; ... Read More

1 2 3 4 5 ... 8 Next
Advertisements