LESS Bölüm 2 : Fonksiyonlar

Önceki makalemizde LESS konusuna giriş yaptık, bir değişken tanımlayıp onu kullanmıştık, şimdi ise bir fonksiyon tanımlayacağız. Bu fonksiyona parametreler göndereceğiz.Gönderdiğimiz parametreler fonksiyon içinde gerekli işlem yapılarak geri döndürülecek
örnek:

.gradyanRenk(@renk1,@renk2){
background:linear-gradient(@renk1,@renk2);
}

şeklinde grandyan renk oluşturan bir fonksiyon tanımlayabiliriz. Bu fonksiyonu çağırmak için
etkilenmesi istenen div ' ait class içinde yazılması gereken kod aşağıdadır


.kutu{
.gradyanRenk(red,blue);
}

Görüldüğü gibi önceden tanımlanmış olan gradyanRenk isimli fonksiyona red ve blue renkleri gönderildi ve kutu class'ına sahip div'imiz gradyan renk özelliğini aldı


Yorumlar


Düzenlediğiniz için teşekkürler hocam :)

Konuyu Turgay CEYLAN başlattı, ben sadece küçük açıklamalar ekledim

Yorum yapabilmek ve kaynak kodları indirebilmek için lütfen üye girişi yapın

Hakkımızda

Bu site, website tasarımı yapılırken frontend(ön yüz) teknolojileri hakkında kısa anlatım ve örnekler paylaşmak amacıyla hazırlanmıştır.

Web tasarımda şu an için en sık kullanılan dil ve frameworkler HTML, CSS, JQUERY ve BOOTSTRAP olması sebebiyle bu alanların üzerinde örnekler ve çalışmalar olacaktır.

Son Yorumlar

İletişim

  • info@frontendokulu.com