Usage of CSS @import: rule

karthikeya Boyini
Published on 30-Apr-2018 08:42:16
The @import: rule imports another stylesheet into the current style sheet. It should appear right at the start of the style sheet before any of the rules, and its value is a URL.ExampleYou can write it like this:<style>    <!--       @import "mystyle.css";       or   ... Read More

Light Speed Out Animation Effect with CSS

Nishtha Thakur
Published on 30-Apr-2018 08:38:32
To create a light speed out effect with CSS, you can try to run the following code:Live Demo<html>    <head>       <style>          .animated {             background-image: url(/css/images/logo.png);             background-repeat: no-repeat;         ... Read More

When is the !important rule used in CSS?

Samual Sam
Published on 30-Apr-2018 08:37:47
The !important rule provides a way to make your CSS cascade. It also includes the rules that are to be applied always. A rule having a !important property will always be applied, no matter where that rule appears in the CSS document.ExampleFor example, in the following style sheet, the paragraph ... Read More

Some CSS Rules

George John
Published on 30-Apr-2018 08:35:32
The following are the key CSS RulesThe @import: rule imports another stylesheet into the current style sheet.The @charset rule indicates the character set the style sheet uses.The @font-face rule is used to exhaustively describe a font face for use in a document.The !important rule indicates that a user-defined rule should take precedence ... Read More

Describe a font face for use in a document in CSS

Lakshmi Srinivas
Published on 30-Apr-2018 08:24:00
To describe a font face, use the @font-face rule. You can try to run the following code to set the font face −Example<style>    <!--       @font-face {          font-family: "Scarborough Light";          src: url("http://www.font.site/s/scarbo-lt");       }     ... Read More

How to define the location of a font for download in CSS

Chandu yadav
Published on 30-Apr-2018 08:21:18
The @font-face rule is used to define the location of a font for download, although this may run into implementation-specific limits.ExampleLet us see an example<style>    <!--       @font-face {          font-family: "Scarborough Light";          src: url("http://www.font.site/s/scarbo-lt");       }   ... Read More

Light Speed In Animation Effect with CSS

Smita Kapse
Published on 30-Apr-2018 08:22:29
To create a light speed in effect with CSS, you can try to run the following code:ExampleLive Demo<html>    <head>       <style>          .animated {             background-image: url(/css/images/logo.png);             background-repeat: no-repeat;         ... Read More

Hinge Animation Effect with CSS

karthikeya Boyini
Published on 30-Apr-2018 08:19:43
To create hinge animation effect with CSS, you can try to run the following code:ExampleLive Demo<html>    <head>       <style>          .animated {             background-image: url(/css/images/logo.png);             background-repeat: no-repeat;             ... Read More

Create blurred picture or text with CSS Filters

Ankith Reddy
Published on 30-Apr-2018 08:14:28
Motion Blur is used to create blurred pictures or text with the direction and strength.The following parameters can be used in this filterS.NoParameter & Description1AddTrue or false. If true, the image is added to the blurred image; and if false, the image is not added to the blurred image.2DirectionThe direction ... Read More

CSS Chroma Filter

Anvi Jain
Published on 30-Apr-2018 08:11:57
Chroma Filter is used to making any particular color transparent and usually, it is used with images. You can use it with scrollbars also.ExampleImplementing the CSS Chroma Filter −Live Demo<html>    <head>    </head>    <body>       <img src = "/images/css.gif" alt = "CSS Logo" style = "Filter: ... Read More
Advertisements