CSS ile Resim Üzerine İkon Yerleştirme

แชร์
ฝัง
  • เผยแพร่เมื่อ 23 ก.ย. 2024
  • Bu videoda HTML ve CSS kullanarak farklı yöntemlerle bir resmin üzerine yıldız gibi bir ikonu nasıl yerleştirebileceğinizi gösterdim. Önce sıradan bir unicode karakter olan ★ sembolü ile yapıp sonrasında fontawesome kütüphanesi kullanarak yaptım.
    Kaynak Kod: github.com/kod...

ความคิดเห็น • 1

ต่อไป
เล่นอัตโนมัติ
CSS ile Büyüyen Resim Efekti | CSS Div Image Hover Effect5:38CSS ile Büyüyen Resim Efekti | CSS Div Image Hover Effect
CSS ile Büyüyen Resim Efekti | CSS Div Image Hover EffectEkin Yalgın
มุมมอง 14K
JavaScript ile Video ve Resimleri Tam Ekran Modunda Nasıl Gösteririm?7:11JavaScript ile Video ve Resimleri Tam Ekran Modunda Nasıl Gösteririm?
JavaScript ile Video ve Resimleri Tam Ekran Modunda Nasıl Gösteririm?KodFun
มุมมอง 90
GitHub Hesabını Oluşturma ve Github'da Web Sayfanı Yayınlama (Hiç Bilmeyenlere)27:32GitHub Hesabını Oluşturma ve Github'da Web Sayfanı Yayınlama (Hiç Bilmeyenlere)
GitHub Hesabını Oluşturma ve Github'da Web Sayfanı Yayınlama (Hiç Bilmeyenlere)KodFun
มุมมอง 612
วาทะลูกหนังขอเสนอ"แมนซิตี้ VS อาร์เซน่อล หลังเกม ปืนใหญ่เหลือ 10 เรือใบยิงเสมอนาทีบาป"05:36วาทะลูกหนังขอเสนอ"แมนซิตี้ VS อาร์เซน่อล หลังเกม ปืนใหญ่เหลือ 10 เรือใบยิงเสมอนาทีบาป"
วาทะลูกหนังขอเสนอ"แมนซิตี้ VS อาร์เซน่อล หลังเกม ปืนใหญ่เหลือ 10 เรือใบยิงเสมอนาทีบาป"วาทะลูกหนัง -Football Quotes-
มุมมอง 241K
ช็อกโกแลต 10 บาท มีเป็น 100 แบบเลย‼️ #jamsaijs #แจ่มใส #jamsai00:59ช็อกโกแลต 10 บาท มีเป็น 100 แบบเลย‼️ #jamsaijs #แจ่มใส #jamsai
ช็อกโกแลต 10 บาท มีเป็น 100 แบบเลย‼️ #jamsaijs #แจ่มใส #jamsaiJamsai JS
มุมมอง 199K
เฉี๊ยบ เฉียบ Ep 271 ถามจริง ?? หมูเด้งพากย์นรก23:15เฉี๊ยบ เฉียบ Ep 271 ถามจริง ?? หมูเด้งพากย์นรก
เฉี๊ยบ เฉียบ Ep 271 ถามจริง ?? หมูเด้งพากย์นรกPRIMKUNG
มุมมอง 859K
Giant Working Lego Soda Vending Machine #lego00:22Giant Working Lego Soda Vending Machine #lego
Giant Working Lego Soda Vending Machine #legoBRIKLE - Lego Instructions
มุมมอง 5M
Sadece CSS + HTML ile Resim Slayt Yapımı😎👊14:32Sadece CSS + HTML ile Resim Slayt Yapımı😎👊
Sadece CSS + HTML ile Resim Slayt Yapımı😎👊bilisim nedir?
มุมมอง 12K
10) Ayrı ayrı ve Kısayol Tanımlamalar - Sıfırdan HTML ve CSS Eğitimi22:0810) Ayrı ayrı ve Kısayol Tanımlamalar - Sıfırdan HTML ve CSS Eğitimi
10) Ayrı ayrı ve Kısayol Tanımlamalar - Sıfırdan HTML ve CSS EğitimiAdem Ilter
มุมมอง 5K
KONUŞAN YAPAY ZEKA (Chat GPT-4o)10:18KONUŞAN YAPAY ZEKA (Chat GPT-4o)
KONUŞAN YAPAY ZEKA (Chat GPT-4o)SICAK FİKİR MEDYA
มุมมอง 3.2K
React'ı Düz HTML Dosyada ve CodePen'de Nasıl Kullanırım?15:14React'ı Düz HTML Dosyada ve CodePen'de Nasıl Kullanırım?
React'ı Düz HTML Dosyada ve CodePen'de Nasıl Kullanırım?KodFun
มุมมอง 79
#23 CSS Kullanma Yöntemleri [HTML, CSS, Flexbox , Bootstrap Eğitim Dersleri ]7:49#23 CSS Kullanma Yöntemleri [HTML, CSS, Flexbox , Bootstrap Eğitim Dersleri ]
#23 CSS Kullanma Yöntemleri [HTML, CSS, Flexbox , Bootstrap Eğitim Dersleri ]Yazılım Bilimi
มุมมอง 10K
36-Add an Icon in Html Web Page | Css Tutorial6:2336-Add an Icon in Html Web Page | Css Tutorial
36-Add an Icon in Html Web Page | Css TutorialEnes Bayram
มุมมอง 37K
React Projects - Karuzela | Carousel Image Gallery34:50React Projects - Karuzela | Carousel Image Gallery
React Projects - Karuzela | Carousel Image GalleryMarek Gacek
มุมมอง 79
Ücretsiz Kod Yazma Programları - Editörleri12:19Ücretsiz Kod Yazma Programları - Editörleri
Ücretsiz Kod Yazma Programları - EditörleriYazılım Kafası
มุมมอง 44K
🎮 Challenge Accepted: Ein Galaga-Spiel in 20 Minuten mit ChatGPT o1-mini entwickeln!25:04🎮 Challenge Accepted: Ein Galaga-Spiel in 20 Minuten mit ChatGPT o1-mini entwickeln!
🎮 Challenge Accepted: Ein Galaga-Spiel in 20 Minuten mit ChatGPT o1-mini entwickeln!Markus Leiter
มุมมอง 89
#老铁笑一笑 #逗乐夫妻666 大哥挨的冤，补偿一下00:19#老铁笑一笑 #逗乐夫妻666 大哥挨的冤，补偿一下
#老铁笑一笑 #逗乐夫妻666 大哥挨的冤，补偿一下逗乐夫妻
มุมมอง 1.8M
Giant Working Lego Soda Vending Machine #lego00:22Giant Working Lego Soda Vending Machine #lego
Giant Working Lego Soda Vending Machine #legoBRIKLE - Lego Instructions
มุมมอง 5M
24ชั่วโมง ในสลัมจนและใหญ่ที่สุดในโลก!! ที่ประเทศอินเดีย1:39:3924ชั่วโมง ในสลัมจนและใหญ่ที่สุดในโลก!! ที่ประเทศอินเดีย
24ชั่วโมง ในสลัมจนและใหญ่ที่สุดในโลก!! ที่ประเทศอินเดียMy Mate Nate
มุมมอง 1.9M
Spongebob ate Michael Jackson 😱 #meme #spongebob #gmod00:14Spongebob ate Michael Jackson 😱 #meme #spongebob #gmod
Spongebob ate Michael Jackson 😱 #meme #spongebob #gmodMr. LoLo
มุมมอง 4.2M
มายคราฟ แต่ คุณไม่สามารถตายได้!!! #minecraft #พี่เก้า #มายคราฟ01:00มายคราฟ แต่ คุณไม่สามารถตายได้!!! #minecraft #พี่เก้า #มายคราฟ
มายคราฟ แต่ คุณไม่สามารถตายได้!!! #minecraft #พี่เก้า #มายคราฟMTR Mysterios
มุมมอง 520K
เอาไงแน่ทอง 18K หรือ 18 มง!!! ผู้เสียหายร้องซื้อทองออนไลน์แต่ขายไม่ได้ l EP.1764 l 23 ก.ย.671:59:55เอาไงแน่ทอง 18K หรือ 18 มง!!! ผู้เสียหายร้องซื้อทองออนไลน์แต่ขายไม่ได้ l EP.1764 l 23 ก.ย.67
เอาไงแน่ทอง 18K หรือ 18 มง!!! ผู้เสียหายร้องซื้อทองออนไลน์แต่ขายไม่ได้ l EP.1764 l 23 ก.ย.67โหนกระแส [Hone-Krasae] official
มุมมอง 3.2M
66 เหตุการณ์น่าเหลือเชื่อ..ที่กล้องบันทึกไว้ได้ #มัดรวม #1ชั่วโมง1:01:0666 เหตุการณ์น่าเหลือเชื่อ..ที่กล้องบันทึกไว้ได้ #มัดรวม #1ชั่วโมง
66 เหตุการณ์น่าเหลือเชื่อ..ที่กล้องบันทึกไว้ได้ #มัดรวม #1ชั่วโมงThe Teller
มุมมอง 514K
Крутой фокус + секрет! #shorts00:10Крутой фокус + секрет! #shorts
Крутой фокус + секрет! #shortsРоман Magic
มุมมอง 13M