PSD-Tutorials.de
Forum für Design, Fotografie & Bildbearbeitung
Tutkit
Agentur
Hilfe
Kontakt
Start
Forum
Aktuelles
Besonderer Inhalt
Foren durchsuchen
Tutorials
News
Anmelden
Kostenlos registrieren
Aktuelles
Suche
Suche
Nur Titel durchsuchen
Von:
Menü
Anmelden
Kostenlos registrieren
App installieren
Installieren
JavaScript ist deaktiviert. Für eine bessere Darstellung aktiviere bitte JavaScript in deinem Browser, bevor du fortfährst.
Du verwendest einen veralteten Browser. Es ist möglich, dass diese oder andere Websites nicht korrekt angezeigt werden.
Du solltest ein Upgrade durchführen oder einen
alternativen Browser
verwenden.
Antworten auf deine Fragen:
Neues Thema erstellen
Start
Forum
Sonstiges
Webdesign, Webentwicklung & Programmierung
Webdesign: HTML/CSS, Responsive Design, Sass...
Gradient-Borders (Rahmen mit Farbverlauf) ohne per DIV Hintergrundbild zu überdecken?
Beitrag
<blockquote data-quote="KloBoBBerLe" data-source="post: 2159055" data-attributes="member: 620757"><p><strong>AW: Gradient-Borders (Rahmen mit Farbverlauf) ohne per DIV Hintergrundbild zu überdec</strong></p><p></p><p>Besten Dank für Deine Hilfe Patrick! <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" class="smilie smilie--sprite smilie--sprite1" alt=":)" title="Smile :)" loading="lazy" data-shortname=":)" /></p><p>Darf ich Dich noch mal schockieren? <img src="/styles/default/xenforo/smilies/biggrin.gif" class="smilie" loading="lazy" alt=":D" title="Big Grin :D" data-shortname=":D" /></p><p></p><p>Die Bögen oberhalb Deiner Farbverlaufs-Geraden "fressen aus" und sehen dadurch extrem unschön aus. Das exakt selbe Problem hatte ich heute Mittag auch, weshalb ich dann dieses Topic eröffnet habe... <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" class="smilie smilie--sprite smilie--sprite1" alt=":)" title="Smile :)" loading="lazy" data-shortname=":)" /> Das liegt auch nicht an Dir oder an fehlender Akuranz, sondern an der mangelhaften CSS-Implementierung des Browsers bei den Bögen...</p><p></p><p>Da ich nach langem Überlegen (und vor allem endlosem Ausprobieren!) endlich eine saubere und browserübergreifende Lösung haben wollte, habe ich nun tatsächlich auf eine Grafik im Bereich des Farbverlaufs zurückgegriffen. Allerdings nicht im png-Format, sondern svg.</p><p></p><p>Nach langem Rumspielen mit der Pixelstärke in Inkscape und der Vermeidung des png-Formates - tadaaa! Nachts um 2:12 Uhr hat es endlich "klick" gemacht... <img src="/styles/default/xenforo/smilies/zwinker.gif" class="smilie" loading="lazy" alt=";)" title="Wink ;)" data-shortname=";)" /></p><p></p><p></p><p></p><p></p><p></p><p>Diese verbliebenen Linienflucht-Differenzen sind jetzt meiner Meinung nach absolut vernachlässigbar und auch nur bei maximaler Vergrößerungsstufe wie im darüber liegenden Screenshot gerade noch so erkennbar.</p><p></p><p>Bei "Normalansicht" passt alles - siehe erster Screenshot! <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" class="smilie smilie--sprite smilie--sprite1" alt=":)" title="Smile :)" loading="lazy" data-shortname=":)" /></p><p></p><p>Wie kann man denn nur einen ganzen Tag damit verbringen, Farbverlaufs-Rahmen zu erstellen... Ich bleibe dabei: Es geht derzeit nur über eine Grafik wirklich fehlerfrei!</p><p></p><p>Und jetzt gehe ich schlafen, gute Nacht! <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" class="smilie smilie--sprite smilie--sprite1" alt=":)" title="Smile :)" loading="lazy" data-shortname=":)" /></p></blockquote><p></p>
[QUOTE="KloBoBBerLe, post: 2159055, member: 620757"] [b]AW: Gradient-Borders (Rahmen mit Farbverlauf) ohne per DIV Hintergrundbild zu überdec[/b] Besten Dank für Deine Hilfe Patrick! :) Darf ich Dich noch mal schockieren? :D Die Bögen oberhalb Deiner Farbverlaufs-Geraden "fressen aus" und sehen dadurch extrem unschön aus. Das exakt selbe Problem hatte ich heute Mittag auch, weshalb ich dann dieses Topic eröffnet habe... :) Das liegt auch nicht an Dir oder an fehlender Akuranz, sondern an der mangelhaften CSS-Implementierung des Browsers bei den Bögen... Da ich nach langem Überlegen (und vor allem endlosem Ausprobieren!) endlich eine saubere und browserübergreifende Lösung haben wollte, habe ich nun tatsächlich auf eine Grafik im Bereich des Farbverlaufs zurückgegriffen. Allerdings nicht im png-Format, sondern svg. Nach langem Rumspielen mit der Pixelstärke in Inkscape und der Vermeidung des png-Formates - tadaaa! Nachts um 2:12 Uhr hat es endlich "klick" gemacht... ;) Diese verbliebenen Linienflucht-Differenzen sind jetzt meiner Meinung nach absolut vernachlässigbar und auch nur bei maximaler Vergrößerungsstufe wie im darüber liegenden Screenshot gerade noch so erkennbar. Bei "Normalansicht" passt alles - siehe erster Screenshot! :) Wie kann man denn nur einen ganzen Tag damit verbringen, Farbverlaufs-Rahmen zu erstellen... Ich bleibe dabei: Es geht derzeit nur über eine Grafik wirklich fehlerfrei! Und jetzt gehe ich schlafen, gute Nacht! :) [/QUOTE]
Bilder bitte
hier hochladen
und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.
Zitate einfügen…
Authentifizierung
Wenn ▲ = 7, ▼ = 3, ◇ = 2 und die Summe von ▲ und ▼ durch ◇ geteilt wird, was ist das Ergebnis?
Antworten
Start
Forum
Sonstiges
Webdesign, Webentwicklung & Programmierung
Webdesign: HTML/CSS, Responsive Design, Sass...
Gradient-Borders (Rahmen mit Farbverlauf) ohne per DIV Hintergrundbild zu überdecken?
Oben