kostenloser Webspace werbefrei: lima-city

Farbübergänge mit CSS

lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript

1. Autor dieses Themas

   eferi

   eferi hat kostenlosen Webspace.

   14:24, 24.7.2011

   Farbübergänge mit CSS
   Hallo Forum!
   
   Wisst ihr, ob und wie ich NUR mit CSS Farbübergänge definieren kann?
   Danke

2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

   lima-city: Gratis werbefreier Webspace für deine eigene Homepage

3. m******************r

   15:33, 24.7.2011

   http://webdesignerwall.com/tutorials/cross-browser-css-gradient
   
   

4. sneppa

   

   sneppa hat kostenlosen Webspace.

   9:19, 26.7.2011

   Man sollte aber erwähnen, dass die Verläufe nicht überall funktionieren.
   Deshalb überlege dir, für was du den Verlauf brauchst und ob er nicht besser mit einer Grafik gelöst wäre.

5. kostenlose-javascripts

   

   kostenlose-javascripts hat kostenlosen Webspace.

   9:34, 26.7.2011

   So lange du ein HTML5-app und keine normale Website machst, kannst du nichts falsch machen.
   Bei normalen Webseiten musst du dich entscheiden:
   -entweder Bild und alle Browser verstehen es
   oder
   -du nimmst Css und hast Probleme mit dem IE:
   

   Internet Explorer Limitations
   Internet Explorer gradient filter doesn't support color-stop, gradient angle, and radial gradient. That means you can only specify either horizontal or vertical linear gradient with 2 colors: StartColorStr and EndColorStr.

   
   

6. sonok

   Moderator

   sonok hat kostenlosen Webspace.

   11:28, 26.7.2011

   Die Radikalkur wäre, mit php eine Schleife zu basteln, die beispielsweiser 1 px hohe div's erzeugt und jedem div einen anderen Farbwert zuordnet ...
   
   Grundstruktor
   
   i=10; i<100; i++;
   {
   div:position = $i;
   div:farbe = FFFF$i;
   }
   
   Leider hab ich mal die Erfahrung gemacht, das die Browser auch bei vielen divs den Geist aufgeben (war ein Testraster mit 800 x 600 kleinen divs ) ... also mal austesten ...

7. fabo

   fabo hat kostenlosen Webspace.

   11:33, 26.7.2011

   Mit JQuery lässt sich sowas problemlos on-the-fly machen.
   
   Ansonsten schau dir mal diese Seite an: http://slayeroffice.com/code/gradient/
   
   Aber für gewöhnlich macht man es tatsächlich mit Bildern :)

8. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

   lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?