HTML / CSS – jenst.se https://www.jenst.se En WordPressblogg till Sat, 31 Aug 2024 06:06:05 +0000 sv-SE hourly 1 CSS3 gradienter – För alla webbläsare https://www.jenst.se/2010/04/30/css3-gradienter-for-alla-webblasare/ Fri, 30 Apr 2010 16:24:17 +0000 http://www.jenst.se/?p=1634 På den gamla goda tiden krävdes bilder för att skapa gradienter / toningar på webbplatsen. Nu kan man göra det direkt i stilmallen med CSS3. Jag har ännu inte hittat någon bra variant för att få det att fungera med Opera. Lämna en kommentar om du har något tips.

CSS3 för Safari, Chrome, Firefox och Internet Explorer

  • -moz-linear-gradient körs med Firefox (Gecko-motorn)
  • -webkit-gradient körs med Safari och Chrome (Webkit-motorn)
  • -ms-filter och filter körs med Internet Explorer (Trident-motorn)
background: -moz-linear-gradient(top, #fff, #ddd);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#ddd));
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#ffffff, endColorstr=#dddddd);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#ffffff, endColorstr=#dddddd)";

Tjänster för att generera gradienter

]]>