Jaa max-width! Das hat mir gefehlt. Vielen Dank an alle hier!
Beiträge von JannikCh
-
-
Hey
Danke für deine schnelle Antwort.
Ja aber es sollte trotzdem noch möglich sein, dass sich der Kreis ab einer Browser-Größe von so circa 800px kleiner skalieren lässt.
-
Hallo Liebe Community!
Hat jemand eine Idee wie ich dem Kreis sagen kann, dass er sich ab 150px Durchmesser nicht größer Skalieren soll?
Freue mich auf jeden Tipp
HTML
Alles anzeigen<html> <head> <meta charset="utf-8"> <title>Kreis</title> <style> .circle-text { width:50%; } .circle-text:after { content: ""; display: block; width: 100%; height:0; padding-bottom: 100%; background: #4679BD; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; } .circle-text div { float:left; width:100%; padding-top:50%; line-height:1em; margin-top:-0.5em; text-align:center; color:white; } </style> </head> <body> <div class="circle-text"><div>Circle Circle</div></div> </body> </html>