CSS Tricks, HTML Tricks, Labs

SVG Filling Turkish Tea Animation #dailycode #cayarasi

Herkese merhabaaa, Çay Arası (bkz) ile çay konusunda birşeyler kodlamaktan, çizmekten ne kadar zevk aldığımı bilirsiniz. Maksat muhabbet, muhabbetin yanında da hisleri karşıya aksettirmek. “Bir çayı hakettin” 🙂 Bundan ne […]

yzr: Hakkı Cengiz
A+ A A- okuma

Herkese merhabaaa,
Çay Arası (bkz) ile çay konusunda birşeyler kodlamaktan, çizmekten ne kadar zevk aldığımı bilirsiniz. Maksat muhabbet, muhabbetin yanında da hisleri karşıya aksettirmek. "Bir çayı hakettin" 🙂

Bundan ne de güzel bir like butonu olur şimdi. En azından ben öyle kullanacağım.

See the Pen
SVG Filling Turkish Tea #dailycode #cayarasi #v1
by Hakkı Cengiz (@hkkcngz)
on CodePen.

Yine ikinci versiyon halini de buraya bırakıyorum. Click eventleri kontrol etmek ve de hazırladığımız SVG Kütüphanemize eklemek istediğimiz farzederek (bkz. SVG En İyi Kullanım Yöntemi).

Sizler de değişiklikler yaparak kodladığınız yeni hallerini yorumda belirtebilir ya da şu alanda da iyi gider diyorsanız paylaşmak için yorum bırakabilirsiniz.

 

See the Pen
SVG Filling Turkish Tea #dailycode #cayarasi #v2
by Hakkı Cengiz (@hkkcngz)
on CodePen.

1 Yorumları: - Yorum Formunu: -

    Oooooov nice

    1 hafta önce - Henri

Bi yoruma ne dersin ?

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir