Prabhas has Published 74 Articles

Set background image as fixed with CSS

Prabhas

Prabhas

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

749 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

3K+ 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;         ...

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

Prabhas

Prabhas

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

144 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 {           ...

CSS position: absolute;

Prabhas

Prabhas

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

261 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;     ...

CSS3 Multi color Gradients

Prabhas

Prabhas

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

197 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); ...

Using SAP JCO to connect SAP server to JAVA application

Prabhas

Prabhas

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

2K+ 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 ...

Generating sound on the fly with JavaScript/ HTML5

Prabhas

Prabhas

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

359 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 ...

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

111 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

160 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; ...

Add space inside a form’s text field with CSS

Prabhas

Prabhas

Updated on 23-Jun-2020 15:26:31

10K+ Views

To add space inside a form’s text field, use the CSS padding property.You can try to run the following code to achieve this:ExampleLive Demo                    input[type = text] {             width: 100%;             padding: 10px 15px;             margin: 5px 0;             box-sizing: border-box;          }                     Fill the below form,                Subject                    Student                    

1 2 3 4 5 ... 8 Next