Das Android-Look-and-Feel einbringen

Es ist an der Zeit, etwas ausgefallener zu werden. Beginnen Sie oben auf der Seite, fügen Sie dem Text in der Kopfleiste einen ein Pixel breiten Schlagschatten hinzu und dem Hintergrund einen CSS-Gradienten:

#header h1 a {
    text-shadow: 0px 1px 1px #fff;
    background-image: -webkit-gradient(linear, left top, left bottom, 
                                       from(#ccc), to(#999));
}

Die Parameter in der text-shadow-Deklaration haben (von links nach rechts) folgende Bedeutung: horizontale Verschiebung, vertikale Verschiebung, Unschärfe und Farbe. Meist werden Sie genau die Werte anwenden, die Sie hier sehen, weil eben das auf Android gut aussieht. Trotzdem ist es interessant, etwas mit text-shadow zu experimentieren, weil es Ihrem Design einen feinen, ...

Get Android Apps mit HTML, CSS und JavaScript now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.

Start your free trial