Karthikeya Boyini has Published 2383 Articles

CSS cue property

karthikeya Boyini

karthikeya Boyini

Updated on 16-Mar-2020 08:20:02

115 Views

The cue property is a shorthand for setting cue-before and cue-after. If two values are given, the first value is cue-before and the second is cue-after. If only one value is given, it applies to both properties.ExampleFor example, the following two rules are equivalent −    

CSS elevation Property

karthikeya Boyini

karthikeya Boyini

Updated on 16-Mar-2020 08:11:24

1K+ Views

The elevation property sets where the sound should come from vertically. The possible values are as follows −angle − Specifies the elevation as an angle, between -90deg and 90deg. 0deg means on the forward horizon, which loosely means level with the listener. 90deg means directly overhead and -90deg means directly below.below − ... Read More

Fade Down Big Animation Effect with CSS

karthikeya Boyini

karthikeya Boyini

Updated on 16-Mar-2020 08:07:07

130 Views

To implement Fade Down Big Animation Effect on an image with CSS, you can try to run the following code −ExampleLive Demo                    .animated {             background-image: url(/css/images/logo.png);             background-repeat: ... Read More

CSS background-clip property

karthikeya Boyini

karthikeya Boyini

Updated on 16-Mar-2020 08:04:29

102 Views

The CSS background-lip property is used to declare the painting area of the background. You can try to run the following code to implement the background-clip property in CSS −Example                    #demo {             border: ... Read More

Animation Effects in CSS

karthikeya Boyini

karthikeya Boyini

Updated on 16-Mar-2020 07:54:25

149 Views

The animation is the process of creating motion effects and changes the appearance.CSS does support different animation effects to change the event motion.Under Animation, a concept Keyframes is used. Keyframes will control the intermediate animation steps in CSS3.The below example shows height, width, color, name, and duration of animation with ... Read More

CSS border-bottom-left-radius property

karthikeya Boyini

karthikeya Boyini

Updated on 16-Mar-2020 07:45:09

69 Views

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

Fade Out Left Big Animation Effect with CSS

karthikeya Boyini

karthikeya Boyini

Updated on 16-Mar-2020 07:40:19

96 Views

To implement Fade Down Left Big Animation Effect on an image with CSS, you can try to run the following code −ExampleLive Demo                    .animated {             background-image: url(/css/images/logo.png);             ... Read More

CSS speak-punctuation property

karthikeya Boyini

karthikeya Boyini

Updated on 16-Mar-2020 07:29:58

76 Views

The speak-punctuation property specifies how punctuation is spoken.The possible values are −code − Punctuation such as semicolons, braces, and so on are to be spoken literally.none − Punctuation is not to be spoken but instead rendered naturally as various pauses.

Orphans CSS Property

karthikeya Boyini

karthikeya Boyini

Updated on 16-Mar-2020 07:24:26

178 Views

In typographic lingo, orphans are those lines of a paragraph stranded at the bottom of a page due to a page break, while windows are those lines remaining at the top of a page following a page break. Generally, printed pages do not look attractive with single lines of text ... Read More

Fade In Left Big Animation Effect with CSS

karthikeya Boyini

karthikeya Boyini

Updated on 16-Mar-2020 07:18:58

144 Views

To implement Fade In Left Big Animation Effect on an image with CSS, you can try to run the following code −ExampleLive Demo                    .animated {             background-image: url(/css/images/logo.png);             ... Read More

Advertisements