Converteste caracter din CSS in HTML

Idea e sa fac un wide arrow down doar din HTML+CSS. O tentativa este aici https://codepen.io/CostiCampean/pen/EXMXKg dar vrea ca sageata sa fie mult mai alungita.
Rezultatul final ar trebui sa fie precum iconul ‘tiecons-arrow-tall-normal-down’ de pe http://www.bowtiecss.com/features/
Am incercat sa folosesc tot felul de convertoare pentru a obtine codul echivalent in HTML hexa dar imi randeaza total altceva. l-am cautat si aici https://brajeshwar.github.io/entities/ dar degeaba.

Facut rapid, poate fi polishat putin, https://codepen.io/anon/pen/VWRzoL

2 Likes

Mă interesează doar vârful săgeții, să fie mult mai plat, gen pălăria la o ciupercă…

Sunt sigur că link-ul anterior e un punct de plecare mai mult decât potrivit pentru ce ai nevoie. Cu foarte mici retușuri îl poți aduce la forma dorită.

3 Likes

Multumesc Victor, intradevar am reusit sa fac implementarea cu mici ajustari de sintaxa in HTML pentru ca in React.js nu pot folosii :before, :after .

1 Like