html css

[k33theod]

Γειά σε όλους

Θέλω να φτιάξω δύο σχήματα όπως στις εικόνες για web. Τα έκανα με svg και δεν δουλεύει πολύ καλά σε διάφορες συσκευές σε διαφορετικές αναλύσεις κλπ. Οπότε θα ήθελα ιδέες μόνο html+css

 

[Predatorkill]

Ψαξε κανεναν css shape generator, πχ https://bennettfeely.com/clippy/

[gsarig]

Θα μπορούσε να γίνει με ::before και ::after για να διατηρηθεί και πιο καθαρή η HTML.

Με το κατάλληλο border-radius στο πρώτο, και με transform: rotate στο δεύτερο.

[Predatorkill]

8 λεπτά πριν, k33theod είπε

Γειά σε όλους

Θέλω να φτιάξω δύο σχήματα όπως στις εικόνες για web. Τα έκανα με svg και δεν δουλεύει πολύ καλά σε διάφορες συσκευές σε διαφορετικές αναλύσεις κλπ. Οπότε θα ήθελα ιδέες μόνο html+css

 

 

[papmel]

canvas draw  ellipse,triangles,fillRec
με αυτες τις συναρτησεις μπορεις να φτιαξεις αυτα τα σχηματα που θες και να ειναι και responsive.
το πρωτο ειναι ενα παραλληλογραμο με μια εκλειψη απο πανω και το δευτερο ειναι ενα τετραγωνο με ενα τριγωνο.
αν τωρα δεν θες καθόλου javascript τοτε το κανεις με SVG και Media Queries για οσες αναλυσεις θέλεις.Σε καμια περιπτωση ομως δεν θα ειναι τοσο καθαρο οσο το javascript.

 

Επεξ/σία 7 Δεκεμβρίου 2020 από papmel