Archiv für die Kategorie “Blog”
Separator line with text
von Moritur am 25. July 2012
There are many snippets for separator lines out there but I didn’t find a single one with a text in the middle. Here you got one:
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 |
.separator { width: 100%; border-bottom: 1px solid #60636a; text-align: center; height: 18px; margin-bottom: 15px; } .separator span { line-height: 15px; padding: 0 10px; background: white; /* Color of the element below */ display: inline-block; margin-top: 10px; color: #60636a; } |
This is the neccessary html:
|
1 2 3 |
<div class="separator"> <span>or</span> </div> |
That’s how I needed the separator line: (…)
Whoo! CSS3 only arc (circular progress)
von Moritur am 28. March 2012
I always loved these arcs to display progress, but the only way to create them is using JavaScript and a canvas or simply images. But with the new awesome CSS3 techniques it is finally possible to create them with pure (…)
Google Maps and Array.prototype.indexOf
von Moritur am 16. January 2012
Google Maps together with an own implementation of Array.prototype.indexOf (IE