Tutorials

Eine immer größer werdende Tutorialdatenbank.

PHP-Fusion Core

Aktuelle PHP-Fusion Vollversionen und Updates

Addon Downloads

Alle Downloads garantiert Kostenlos

Support 24/7

24 Stunden, 7 Tage die Woche, das ganze Jahr.

Millimeterpapier (Diagonal)
Kategorie: CSS
PHP-Fusion Version: Keine
Schwierigkeitsgrad:
Wie Ihr einen Millimeterpapiereffekt als Background ohne Grafik einfügen könnt, seht ihr hier

Faq

Quellcode

GeSHi: HTML


  1. <div id="example-gradient">Demotext</div>
gewandelt in 0.001 Sekunden, benutzt wurde GeSHi 1.0.8.10




CSS

GeSHi: CSS


  1. #example-gradient {
  2. height: 200px;
  3. margin: 0 0 20px 0;
  4. background-color: #eaeaea;
  5. background-size: 20px 20px;
  6. background-image:
  7. -webkit-repeating-linear-gradient(45deg, rgba(0, 191, 255, .5), rgba(0, 191, 255, .5) 1px, transparent 1px, transparent 15px),
  8. -webkit-repeating-linear-gradient(-45deg, rgba(255, 105, 180, .5), rgba(255, 105, 180, .5) 1px, transparent 1px, transparent 15px);
  9. background-image:
  10. -moz-repeating-linear-gradient(45deg, rgba(0, 191, 255, .5), rgba(0, 191, 255, .5) 1px, transparent 1px, transparent 15px),
  11. -moz-repeating-linear-gradient(-45deg, rgba(255, 105, 180, .5), rgba(255, 105, 180, .5) 1px, transparent 1px, transparent 15px);
  12. background-image:
  13. -o-repeating-linear-gradient(45deg, rgba(0, 191, 255, .5), rgba(0, 191, 255, .5) 1px, transparent 1px, transparent 15px),
  14. -o-repeating-linear-gradient(-45deg, rgba(255, 105, 180, .5), rgba(255, 105, 180, .5) 1px, transparent 1px, transparent 15px);
  15. background-image:
  16. repeating-linear-gradient(45deg, rgba(0, 191, 255, .5), rgba(0, 191, 255, .5) 1px, transparent 1px, transparent 15px),
  17. repeating-linear-gradient(-45deg, rgba(255, 105, 180, .5), rgba(255, 105, 180, .5) 1px, transparent 1px, transparent 15px);
  18. }
gewandelt in 0.004 Sekunden, benutzt wurde GeSHi 1.0.8.10




Demo ansehen

Demo

Demotext

Tutorial Verlinken

URL: 
BBCode: 
HTML-Code: 
Kommentare
Es wurden noch keine Kommentare verfasst.
Kommentar schreiben
Bitte logge dich ein, um einen Kommentar zu verfassen.
Anzeige


© 2016 Real Space. All rights reserved | Design by W3layouts
Powered by PHP-Fusion copyright © 2002 - 2018 by Nick Jones. Released as free software without warranties under GNU Affero GPL v3.