web d beaconit css3

 web d beaconit css3

• border-radius

• box-shadow

• border-image: http://www.w3schools.com/css/tryit.asp?filename=trycss3_border-image

• Multiple Background Images: 

• background:url(img_tree.gif),url(img_flwr.gif);

• http://www.w3schools.com/css/tryit.asp?filename=trycss3_background_multiple

• Linear Gradients (goes down/up/left/right/diagonally)

• background: linear-gradient(direction, color-stop1, color-stop2, ...);

• http://www.w3schools.com/css/tryit.asp?filename=trycss3_gradient-linear

• http://www.w3schools.com/css/tryit.asp?filename=trycss3_gradient-linear_ltr

• background: linear-gradient(angle, color-stop1, color-stop2);

• http://www.w3schools.com/css/tryit.asp?filename=trycss3_gradient-linear_angles

• http://www.w3schools.com/css/tryit.asp?filename=trycss3_gradient-linear_cs

• http://www.w3schools.com/css/tryit.asp?filename=trycss3_gradient-linear_trans

• background: linear-gradient(to right, rgba(255,0,0,0), rgba(255,0,0,1)); /* Standard syntax (must be last)

•  

• Radial Gradients (defined by their center)

• background: radial-gradient(center, shape size, start-color, ..., last-color); 

• background: radial-gradient(red, green, blue);

• http://www.w3schools.com/css/tryit.asp?filename=trycss3_gradient-radial

•  

• text-shadow

• word-wrap

• word-wrap:break-word;

• CSS3 Fonts

• @font-face
  {
  font-family: myFirstFont;
  src: url(sansation_light.woff);
  }
  
  div
  {
  font-family:myFirstFont;
  }

• CSS3 Transforms

• translate()

• rotate()

• scale()

• skew()

• 
  

• CSS3 Transitions

• CSS3 animation

• @keyframes myfirst
  {
  from {background: red;}
  to {background: yellow;}
  }
  
  @-webkit-keyframes myfirst /* Safari and Chrome */
  {
  from {background: red;}
  to {background: yellow;}
  }

• http://www.w3schools.com/css/tryit.asp?filename=trycss3_animation4

• CSS3 Multiple colum

• column-gap:40px;

• column-count:3;

• http://leaverou.github.io/animatable/

• http://www.w3.org/TR/css3-transitions/

• http://www.css3maker.com/

• http://css3generator.com/

• http://css-tricks.com/examples/ButtonMaker/

• http://cssanimate.com/

•