Erstellen Sie ein Kreuz Formen in CSS
IST es möglich, ich weiß, alle folgenden Formen sind möglich unter diesem link:
http://css-tricks.com/examples/ShapesOfCSS/
aber cross muss möglich sein, auch. Wenn ich sage, Kreuz ich meine dies:
InformationsquelleAutor der Frage user1937021 | 2013-06-28
Du musst angemeldet sein, um einen Kommentar abzugeben.
Könnten Sie etwas erreichen, wie dies mit pseudoelements nur:
http://jsbin.com/upiyoc/1/edit
Die Größe des Kreuzes wird proportional skaliert, entsprechend der
width
undheight
des#cross
elementUpdate: eine weitere Lösung (mit weniger code) könnten nur mit mehreren linearen Gradienten (ohne pseudolements) z.B.
http://codepen.io/anon/pen/zxwgPo
InformationsquelleAutor der Antwort fcalderan
Ist es natürlich. Sie müssen nur zwei Elemente : Siehe http://jsfiddle.net/92XTx/2/
Den umschließenden div-Element
relative
ly positioniert, so dass beide Kinder können absolut positioniert werden.Hier sind Sie beide absolut positioniert:
machen überlagern.
Und dann erstellen Sie Ihre Formen:
InformationsquelleAutor der Antwort Jerska
CSS Verwandeln kann leicht verwendet werden, um zu erreichen, plus Form
InformationsquelleAutor der Antwort Ajain Vivek