Usharani has Published 90 Answers

Perform Animation on CSS line-height property

usharani

usharani

Updated on 06-Jul-2020 11:41:51

To implement animation on line-height property with CSS, you can try to run the following code −ExampleLive Demo                    p {             animation: mymove 3s infinite;             line-height: 20px;       ... Read More

CSS grid-area Property

usharani

usharani

Updated on 06-Jul-2020 11:14:34

Set the grid-row-start, grid-column-start, grid-row-end and the grid-column-end properties using the grid-area property.ExampleYou can try to run the following code to implement the CSS grid-area property.LIve Demo                    .container {             display: grid;     ... Read More

Add transparency to the background with CSS

usharani

usharani

Updated on 01-Jul-2020 10:49:44

Use the opacity property to add transparency to the background of an element. You can try to run the following code to work.ExampleLive Demo                    div {             background-color: #808000;             ... Read More

Role of CSS :read-write Selector

usharani

usharani

Updated on 01-Jul-2020 09:15:49

Use the CSS :read-write selector to select elements that are ‘readable’ and ‘writable’.ExampleYou can try to run the following code to implement the :read-write selector:Live Demo                    input:read-write {             background-color: blue;             color: white;          }                              Subject:          Student:          

Role of CSS :empty Selector

usharani

usharani

Updated on 30-Jun-2020 09:49:59

Use the CSS :empty selector to style every element that has no children with CSS. You can try to run the following code to implement the :empty selector −ExampleLive Demo                    p.demo {             width: 300px; ... Read More

Role of CSS :active Selector

usharani

usharani

Updated on 30-Jun-2020 09:44:49

Use the CSS :active selector to style the active links. You can try to run the following code to implement the :active selector −ExampleLive Demo                    a:active {             background-color: orange;          }                     Welcome to Qries       Click on the above link to see the effect.    

CSS3 Radial Gradients

usharani

usharani

Updated on 29-Jun-2020 10:13:35

Radial gradients appear at the center. You can try to run the following code to implement radial gradients in CSS3 −ExampleLive Demo                    #grad1 {             height: 100px;             width: 550px;             background: -webkit-radial-gradient(red 5%, green 15%, pink 60%);             background: -o-radial-gradient(red 5%, green 15%, pink 60%);             background: -moz-radial-gradient(red 5%, green 15%, pink 60%);             background: radial-gradient(red 5%, green 15%, pink 60%);          }                        

Rotate Out Up Right Animation Effect with CSS

usharani

usharani

Updated on 29-Jun-2020 09:20:01

To create rotate out up right animation effect with CSS, you can try to run the following code −ExampleLive Demo                    .animated {             background-image: url(/css/images/logo.png);             background-repeat: no-repeat;     ... Read More

CSS font-size-adjust Property

usharani

usharani

Updated on 25-Jun-2020 13:38:57

Use the font-size-adjust property to preserve the readability when font fallback occurs. You can try to run the following code to implement the font-size-adjust property:ExampleLive Demo                    #demo {             font-size-adjust: 0.90;          }                     Heading Two       With font-size-adjust property:                This is demo text.             Without font-size-adjust property:       This is demo text.    

How to replace default meta tag from “layout” with customizing meta tags in “view” with HTML?

usharani

usharani

Updated on 24-Jun-2020 13:57:50

Meta tags are used to store data about HTML documents such as who wrote it and the description of the document.The best solution is to define default tags in the application and overwrite default parameters in view. We can do so in PHP.Making changes in config file first −Read More

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