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
- <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>