Çapraz ve yan konumlandırılmış görsel yapımı
Merhaba değerli kullanıcılar, ui desgin'dan hoşuma giden bir tasarım buldum ancak bir yerde takıldım.
"save 25%" yazan kısmı nasıl kodlayabilirim?
Çok düşündüm ama henüz yeterince tecrübem olmadığı için buna yakın bir kod bile yazamadım. O nedenle paylaşacağım bir kod da yok elimde.
Tecrübelerinizi paylaşırsanız çok sevinirim
Tasarım linki:
https://www.uidesigndaily.com/posts/figma-pricing-section-day-1378
Soru hatalı mı? 👎
Eğer sorunun kurallara aykırı olduğunu düşünüyorsanız lütfen bize bildirin!
Cevaplar (1)
bir dive bunu ekleyeceğini varsayalım öncelikle dive position:relative; vermen lazım
daha sonra divin içine bir eleman daha ekleyip örneğin bir span olsun bu onun içerisine yazıyı yazdıktan sonra
position:absolute; transform: rotate(45deg); diyerek top ve right değerleri ile oynayarak konumlandırman gerekiyor.