CSS: Gestreifter Diamant

8

Ich kann einen Diamanten machen, und ich kann Streifen mit CSS machen. Ich habe Probleme, die beiden zu verschmelzen, um einen gestreiften Diamanten zu bekommen. Bitte sehen Sie meine Geige (funktioniert in Chrome).

Wie kann ich einen gestreiften Diamanten machen?

%Vor%     
Randomblue 08.01.2013, 22:25
quelle

3 Antworten

5

Sie können es tatsächlich mit nur 1 Element und weniger CSS tun:

Demo

Das HTML ist einfach <div class='diamond'></div>

Relevant CSS :

%Vor%     
Ana 22.01.2013, 00:05
quelle
3

CSS-Striped-Diamond mit dem von Ihnen angegebenen Code: Ссылка

HTML:

%Vor%

CSS:

%Vor%     
Omega 08.01.2013 23:15
quelle
1

Verwenden Sie Ränder, um den Diamanten zu erstellen, und einen Hintergrund, um die Streifen zu erstellen. Diese werden nicht zusammen funktionieren. Sie können stattdessen die gestreifte Box drehen, um den Diamanten zu erhalten:

%Vor%     
dfmiller 08.01.2013 22:49
quelle

Tags und Links

Django: Verwenden von Annotate, Count und Distinct in einem Queryset Wie erzeugt man das Verhalten von ipairs (im Gegensatz zu Paaren) in der C-API?