29 Jan 2014 @ 10:25  

HTML5 : Border color gradient.

Exemple :

http://nekrocite.info/html5/border_color_gradient.html

Code source :

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta content="text/html; charset=ISO-8859-1" http-equiv="content-type">
<title>b</title>
<style type="text/css" media="screen">
.gradient-top-to-bottom{ 
width: 300px;
padding: 20px;
border-top: 5px solid #e2e2e4;
border-bottom: 5px solid #f8f8f8;

background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e2e2e4), to(#f8f8f8));
background-image: -webkit-linear-gradient(#e2e2e4, #f8f8f8);
background-image: -moz-linear-gradient(#e2e2e4, #f8f8f8),
-moz-linear-gradient(#e2e2e4, #f8f8f8);
background-image: -o-linear-gradient(#e2e2e4, #f8f8f8),
-o-linear-gradient(#e2e2e4, #f8f8f8);
background-image: linear-gradient(#e2e2e4, #f8f8f8),
linear-gradient(#e2e2e4, #f8f8f8);
-moz-background-size:5px 100%;
background-size:5px 100%;
background-position:0 0, 100% 0;
background-repeat:no-repeat;
}
</style>
</head>
<body>
<div class="gradient-top-to-bottom">Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, commodo vitae, ornare sit amet, wisi.</div>

</body></html>
Posted By: Administrateur
Last Edit: 29 Jan 2014 @ 10:25

EmailPermalinkComments (0)
Tags
Tags: , , , ,
Categories: HTML5

 50 derniers articles
 Retour
Changer Thème...
  • Users » 1
  • Posts/Pages » 530
  • Comments » 1
Change Theme...
  • VoidVoid « Default
  • LifeLife
  • EarthEarth
  • WindWind
  • WaterWater
  • FireFire
  • LightLight

SteamCyberPunk



    Pas de Pages Enfants.

Discussion



    Pas de Pages Enfants.

Galerie Photos



    Pas de Pages Enfants.

Manifestations et festivals



    Pas de Pages Enfants.

Concerts et festival de musique



    Pas de Pages Enfants.

Articles



    Pas de Pages Enfants.