From 9259add6a0c1f79084ff13d127d7256ae77162e0 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Fatih=20Hayrio=C4=9Flu?= Date: Mon, 22 Jan 2024 09:58:09 +0300 Subject: [PATCH] Hareketli ve renk gecisli kenar cizgileri yapmak duzeltme 2 --- .../2024-01-22-renk-gecisli-ve-hareketli-kenar-cizgileri.md | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/_posts/2024-01-22-renk-gecisli-ve-hareketli-kenar-cizgileri.md b/_posts/2024-01-22-renk-gecisli-ve-hareketli-kenar-cizgileri.md index 532aa230..5df8b914 100644 --- a/_posts/2024-01-22-renk-gecisli-ve-hareketli-kenar-cizgileri.md +++ b/_posts/2024-01-22-renk-gecisli-ve-hareketli-kenar-cizgileri.md @@ -24,13 +24,13 @@ border-image: linear-gradient(to bottom right,#ffb56b,#ac255e) 1; ## Konik renk geçişi örneği - + `conic-gradient` ile daha farklı seçenekler görmek mümkün. ## Hareketli renk geçişi örneği - + İşe hareket katmakta kolay. `linear-gradient` tanımındaki yön tanımını açılı verip bu açıyı animasyon ile döndürdüğümüzde işte animayonlu kenar çizgisi. Tabi burada dikkat açı tanımının `@property` tanımını da yapmalıyız. @@ -38,7 +38,7 @@ border-image: linear-gradient(to bottom right,#ffb56b,#ac255e) 1; `border-image` ile `border-radius` birlikte çalışmasının sorunları var. Birçok örnek sorunu çözmek için `:before` ve `mask` ile sonuca gitmiş. Ancak `background`'a renk geçişi ekleyip `box-shadow: inset` ile içini beyaz (istediğiniz renk) ile dolduruyoruz. Son olarakta kenar çizgilerinin görünmesi için saydam olarak tanımladık. - + Kalın sağlıcakla.