Bu yazımızda “Degrade Aracı” ne işe yaradığı ve nasıl kullanılabileceği hakkında bilgiler vermeye çalışacağım. Degrade, iki veya daha fazla renk arasında geçiş için kullanım gerçekleştirilen bir araçtır.

Teknoloji Destek Hattı Baş Shake CSS
Konuyla ilgili daha fazla destek almak için tıklayın. Aramayı başlatmak için tıklayın!
  • Öncelikle Degrade kullanımını gerçekleştirebilmek için bir nesneye ihtiyacımız olacak. Ben bir daire oluşturdum.

Ekran Görüntüsü1 1

  • Sol tarafta yer alan araç çubuğundan, seçim aracını alarak oluşturmuş olduğunuz nesneyi seçelim.

Ekran Görüntüsü2 1

  • Seçim geçekleştirmemizin nedeni Degrade‘nin hangi nesneye uygulanacağını göstermektir. Seçimi geçekleştirdikten sonra sağ tarafta bulunan renk bölümünden Degrade uygulanmış bir renk seçebilir veya altında yer alan Degrade kısmını seçebilirsiniz.

Ekran Görüntüsü3 1

  • Degrade uygulamasını gerçekleştirdiğinizde belirlemiş olduğunuz renkler arasında geçiş gerçekleştirildiğini göreceksiniz.

Ekran Görüntüsü4 1

Teknoloji Destek Hattı Orta Pulse CSS
Konuyla ilgili daha fazla destek almak için tıklayın. Aramayı başlatmak için tıklayın!
  • Degrade’nin 2 çeşit kullanımı gerçekleştirilebilir. Biri Doğrusal biri de Radyal. Doğrusal kullanımı, düz bir çizgi üzerine uygulayacağı gibi Radyal da ise yuvarlak bir şekilde geçişi uygulayacaktır. Ben, şeklimizi bir topa benzetmek istediğim için radyal kullanımı sağlayacağım.

Ekran Görüntüsü5 1

  • Degrade bölümünün altında yer alan renk bölümünden hangi renkler arasında geçiş gerçekleştireceğinizi seçebilirsiniz.

Ekran Görüntüsü6 1

  • Şimdi uygulamış olduğumuz Degrade’in açısını, uzunluğunu nasıl değiştireceğimizi görelim. Öncelikle tekrar nesnemizi seçelim ve sol tarafta yer alan araç çubuğu içerisinden Degrade bölümünü seçelim.

Ekran Görüntüsü7 1

  • Degrade aracını seçtikten sonra uzunluğunu ve yönünü ayarlayabilirsiniz.

Ekran Görüntüsü8

  • Degrade‘in kullanım amacı birden fazladır. Bu çalışmada gördüğünüz gibi bir ışık efekti olarak kullandık.

Ekran Görüntüsü9

 

Teknoloji Destek Hattı Son Shake CSS
Konuyla ilgili daha fazla destek almak için tıklayın. Aramayı başlatmak için tıklayın!