mod_rewrite module allows to manipulate url using unlimited number of rules . Each rule consist of unlimited number of condition

  • Problems

    This line enable URL Rewriting . It must be enabled via the RewriteEngine directive! and if your .htaccess file is going to use rewrite rules, you should always include this line. Otherwise, you can’t be sure if its enabled or not. The string “on” is case insensitive.

Syntax

It helps to change style gradually of element.

To do this , You must specify two things:
1)Specify css property to the selected element.
2)Specify css property to the selected element at hover stage.
3)Specify css property you want to add an effect to.
4)Specify the duration of the effect.


It have 4 property:
1)Transition -> It shorthand to start.
2)Transition-property -> Specifies the name of the css property to which the transition is applied.
3)Transition-duration -> Duration for Transition
4)Transition-timing-function ->Describe how the speed during a tranition will be calculate defult "ease".
5)Transition-delay -> Defines when transition will start



FOR EXAMPLE:
HTML:
   <div id="xyz"></div>
CSS:
   #xyz{background-color:red;width:300px;}
   #xyz:hover{background-color:blue;width:500px;}
   #xyz{transitiion-property:width;
        transition-duration:1s;
        transition-function:linear;
        transition-delay:2s;
        -webkit-transitiion-property:width;
        -webkit-transition-duration:1s;
        -webkit-transition-function:linear;
        -webkit-transition-delay:2s;}

2)Shorthand transition property:
 #xyz{transitiion:width 1s linear 2s;
      -webkit-transitiion width 1s linear 2s;}
 

No comments:

Post a Comment