Varun has Published 65 Articles

Where is JavaScript Today?

varun

varun

Updated on 04-Mar-2024 13:39:19

415 Views

The 8th edition, known as ECMAScript 2017, is the current JavaScript version, released in June 2017. JavaScript is a dynamic computer programming language.JavaScript It is lightweight and most commonly used as a part of web pages, whose implementations allow a client-side script to interact with the user and make dynamic ... Read More

CSS rest Speech Media property

varun

varun

Updated on 06-Jul-2020 11:43:36

221 Views

The rest property is a shorthand property for rest-before and rest-after properties. Set a pause before or after the element.The following is the syntax:rest: rest-before rest-afterHere, rest-before: Rest for some seconds beforerest-after: Rest for some seconds afterExampleThe following is an example of rest speech media property:h1 {    rest: 15ms 20ms; }Read More

Set all the top border properties in one declaration using CSS

varun

varun

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

309 Views

Use the border-top property in CSS to set all the top border properties in a single declaration.ExampleYou can try to run the following code to implement the border-top property −Live Demo                    p {             border-style: solid;             border-top: thick dashed #FFFF00;          }                     This is demo text    

Set the opacity for the background color with CSS

varun

varun

Updated on 01-Jul-2020 10:50:40

268 Views

To set the opacity for the background color, use the opacity property with RGBA color values.ExampleYou can try to run the following code to implement the opacity property:Live Demo                    div {             background: rgb(40, ... Read More

CSS3 Repeat Radial Gradients

varun

varun

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

280 Views

You can try to run the following code to implement repeat radial gradients in CSS3 −ExampleLive Demo                    #grad1 {             height: 100px;             width: 550px;             background: -webkit-repeating-radial-gradient(blue, yellow 10%, green 15%);             background: -o-repeating-radial-gradient(blue, yellow 10%, green 15%);             background: -moz-repeating-radial-gradient(blue, yellow 10%, green 15%);             background: repeating-radial-gradient(blue, yellow 10%, green 15%);          }                        

Set top-left corner border with CSS

varun

varun

Updated on 25-Jun-2020 12:58:12

276 Views

Use the border-top-left-radius property to set the border of the top left corner. You can try to run the following code to implement border-left-radius property:ExampleLive Demo                    #rcorner {             border-radius: 25px;             border-top-left-radius: 45px;             background: #FADBD8;             padding: 20px;             width: 300px;             height: 150px;          }                     Rounded top-left corner!    

What are start angle and end angle of arc in HTML5 canvas?

varun

varun

Updated on 24-Jun-2020 14:04:27

533 Views

The arc() function has the following definition that shows the usage of start and ends angle −arc(x, y, radius, startAngle, endAngle, anticlockwise)This method has the following parameters −x and y are coordinates of the circle’s center.Radius is the circle radiusStartAngle and EndAngle define the start and endpoints of the arc ... Read More

Does HTML5 allow you to interact with local client files from within a browser?

varun

varun

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

388 Views

HTML5 allows us to interact with local client files (local client files are the files that are locally stored in the user’s computer). This is possible because HTML5 provides powerful APIs (Application Programming Interfaces) which are the interfaces with the help of which binary data and user’s local file system ... Read More

What are CSS Transitions?

varun

varun

Updated on 23-Jun-2020 16:26:17

187 Views

With the transition effect, you can easily change the property values. You can also set a duration.Let us try to change the height of an element:ExampleLive Demo                    div {             width: 150px;     ... Read More

Change the position on transformed elements with CSS

varun

varun

Updated on 23-Jun-2020 15:57:51

301 Views

To change the position on transformed elements with CSS, use the transform-origin property.You can try to run the following code to change the position:ExampleLive Demo                    .demo1 {             width: 300px;           ... Read More

1 2 3 4 5 ... 7 Next
Advertisements