Mkotla has Published 113 Articles

Usage of hsl() CSS function

mkotla

mkotla

Updated on 06-Jul-2020 11:20:15

To define colors using the Hue-Saturation-Lightness model (HSL), use the hsl() CSS method.ExampleYou can try to run the following code to implement the hsl() function in CSS:Live Demo                    h1 {             background-color:hsl(0,100%,50%);          }          h2 {             background-color:hsl(192,89%,48%);          }                     Red Background       Blue Background    

Role of CSS :in-range Selector

mkotla

mkotla

Updated on 30-Jun-2020 11:12:18

Use the CSS :in-range selector to style elements with a value within a specified range. You can try to run the following code to implement the :in-range selector −ExampleLive Demo                    input:in-range {             border: 3px dashed orange;             background: yellow;          }                           The style only works for the value entered i.e. 9    

What is a CSS Selector?

mkotla

mkotla

Updated on 30-Jun-2020 09:45:26

The selectors in CSS are patterns to select the element to style.Let us see the key selectors in CSS −SelectorDemoDescription class.demoSelects all elements with class="demo"#id#myidSelects the element with id="myid"**Used to select all the elements

CSS Text Shadow

mkotla

mkotla

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

CSS3 added shadow effects to text, with the text-shadow property. You can try to implement the following code to add text shadow −ExampleLive Demo                    h1 {             text-shadow: 2px 2px;          } ... Read More

Set the border image as rounded, repeated and stretched with CSS

mkotla

mkotla

Updated on 29-Jun-2020 08:04:38

The border-image-repeat property is used to set the border image as rounded, repeated and stretched with CSS.ExampleYou can try to run the following code to implement the border-image-repeat property:Live Demo                    #borderimg1 {             border: 15px ... Read More

Perform Animation on CSS font property

mkotla

mkotla

Updated on 25-Jun-2020 13:16:21

To implement animation on font property with CSS, you can try to run the following code:ExampleLive Demo                    p {             border: 2px solid black;             width: 400px;             height: 100px;             animation: myanim 5s infinite;          }          @keyframes myanim {             70% {                font: 35px arial, sans-serif;             }          }                     This is demo text    

Animate CSS column-rule property

mkotla

mkotla

Updated on 25-Jun-2020 13:00:56

To implement animation on the column-rule property with CSS, you can try to run the following code:ExampleLive Demo                    div {             width: 600px;             height: 300px;       ... Read More

Apply style to the parent if it has a child with CSS and HTML

mkotla

mkotla

Updated on 25-Jun-2020 08:07:06

Parent selectors are not present in CSS3. There is a proposed CSS4 selector, $, to do so, which could look like this (Selecting the li element) −ul $li ul.sub { ... }As an alternative, with jQuery, a one-liner you could make use of would be this. The: has() selector selects ... Read More

Convert HTML5 into standalone Android App

mkotla

mkotla

Updated on 24-Jun-2020 13:28:11

Follow the below-given steps to convert HTML5 into standalone Android AppYou need to first create an Android app using Eclipse.Move HTML code to /assets folder −The Assets provide a way to include arbitrary files such as text, XML, music, fonts, and video in your application.Load web view with the file ... Read More

How to render the remainder of the document as preformatted plain text in HTML?

mkotla

mkotla

Updated on 24-Jun-2020 08:09:08

The HTML tag is used to render all text in the document exactly as it was typed in, including all tags and even the document tags.This tag ignores all formatting for the rest of the document, displaying all text exactly as is. It cannot be stopped, it cannot be ... Read More

1 2 3 4 5 ... 12 Next
Advertisements