Gradient

6
closed
omergulcicek
omergulcicek
Posted 4 years ago

Gradient #20

Herhangi bir etiketin attribute'üne tr-gradient eklendiğinde, girilen parametreler baz alınarak arka plan geçişli olacak.

Detaylar

  • tr-gradient'e girilen parametreleri alıp; olabiliyorsa yalnız css ile, olamıyorsa saf JavaScript kullanılarak arkaplan resmi olarak eklenecek.

Geliştirilecek Taslak

https://codepen.io/omergulcicek/pen/yoWoRx

onderbakirtas
onderbakirtas
Created 4 years ago

Üzerinde biraz çalıştım ama tahmin ettiğim gibi CSS bunu bize sağlayamıyor ne yazık ki. Birkaç satır JS kodu gerekecek bunun için. Ayrıca dilenirse tr-gradient sıfatı içinde Türkçe kullanılabilir.

muammerkeles
muammerkeles
Created 4 years ago

Merhaba,

Attribute degeri background icin kullanilabiliyorsa, javascriptsiz uyarlamak mumkun olabilir belki.

.css{

background : attr(data-bg1);

}

6 Eyl 2017 23:33 tarihinde "Önder Emre" [email protected] yazdı:

Üzerinde biraz çalıştım ama tahmin ettiğim gibi CSS bunu bize sağlayamıyor ne yazık ki. Birkaç satır JS kodu gerekecek bunun için. Ayrıca dilenirse tr-gradient sıfatı içinde Türkçe kullanılabilir.

— You are receiving this because you are subscribed to this thread. Reply to this email directly, view it on GitHub https://github.com/omergulcicek/turkuazcss/issues/20#issuecomment-327604686, or mute the thread https://github.com/notifications/unsubscribe-auth/AGTCq0Gm_8l3CW7ozRJckHTLiaoIoIfTks5sfwGAgaJpZM4POyaV .

onderbakirtas
onderbakirtas
Created 4 years ago

Ne yazık ki CSS'in attr() fonksiyonu şu an sadece content özelliği ile kullanılabiliyor. Bunu JS olmadan dinamik olmasını sağlamak imkansız gözüküyor.

muammerkeles
muammerkeles
Created 4 years ago

Tesekkurler bilgi icin.

7 Eyl 2017 13:44 tarihinde "Önder Emre" [email protected] yazdı:

Ne yazık ki CSS'in attr() fonksiyonu şu an sadece content özelliği ile kullanılabiliyor. Bunu JS olmadan dinamik olmasını sağlamak imkansız gözüküyor.

— You are receiving this because you commented. Reply to this email directly, view it on GitHub https://github.com/omergulcicek/turkuazcss/issues/20#issuecomment-327763521, or mute the thread https://github.com/notifications/unsubscribe-auth/AGTCq0V0PkKytu2oGufdMt6pBq7oPbwOks5sf8jvgaJpZM4POyaV .

onderbakirtas
onderbakirtas
Created 4 years ago

@muammerkeles Rica ederim.

omergulcicek
omergulcicek
Created 4 years ago

Kodlar tarafımca geliştirilmiştir.