Pro Photography Web Site Tasarımı

The Pink Rio Web Site Tasarımı

Tessellate Web Site Tasarımı

Gym Web Site Tasarımı

Karakter Karakter Cümle Yazma Efekti

Web Tasarımlar Çarşamba Kasım 18th, 2015
381 Görüntülenme

Merhaba arkadaşlar konu başlığı biraz uyumsuz gibi geliyor bana ama aklıma bu geldi ne yapayım gece saat 03:00 olmuş bu kadar da olsun 😉

Bu konumuzda bizim belirleyeceğimiz bir cümleyi karakter karakter yazan bir animasyonun kullanımından bahsedeceğiz. Bu animasyon ile siteleriniz de güzel ve görsel bir şeyler ortaya çıkartabilirsiniz.

Çalışma ile ilgili gerekli dosyaları konu altında yer alan dosyaları indir butonuna tıklayarak indirebilirsiniz veya demo sayfayı görüntüle butonuna tıklayarak tam ekran demo görüntüleyebilirsiniz.

Gerekli Kodlar

Nasıl Değişiklik Yapabilirim
  • Çalışma üzerindeki metinleri değiştirmek isterseniz js klasörü içerisindeki index.js dosyasını açıyoruz ve  consoleText kısımındaki kelime ve cümleri kendimize göre düzenliyoruz.

  • Eğer metinlerin büyüklüğünü değiştirmek isterseniz css klasörünü açıyoruz ve style.css dosyasında .console-container kodunu buluyoruz bu kod içerisinde yer alan   font-size:25px; kodu içerisindeki 25 değerini kendimize göre ayarlıyoruz.
  • Yazı yazı hızını ayarlamak isterseniz js kalsörü içerisinde index.js dosyasını açın ve 39. Satırdaki 120 değeri küçültün, eğer daha yavaş hareket etsin isterseniz değeri büyültün.
Yorumlar

Henüz hiç yorum yapılmamış.

İlginizi Çekebilir
Yan Kayar Menü CSS

Yan Kayar Menü CSS

Cuma Ekim 7th, 2016
660 Görüntülenme
Tam ekran hamburger menü

Tam ekran hamburger menü

Cuma Ekim 7th, 2016
544 Görüntülenme
Duyarlı ve Mega menü

Duyarlı ve Mega menü

Cuma Ekim 7th, 2016
495 Görüntülenme
Açılır Menü Tasarımı

Açılır Menü Tasarımı

Cuma Ekim 7th, 2016
500 Görüntülenme
Hareketli Radyal / Dairesel Menü

Hareketli Radyal / Dairesel Menü

Cuma Ekim 7th, 2016
427 Görüntülenme
Hamburger Menu – HTML, CSS & jQuery

Hamburger Menu – HTML, CSS & jQuery

Cuma Ekim 7th, 2016
468 Görüntülenme
CSS3 ile Desteklenmiş Responsive Navigasyon Menu

CSS3 ile Desteklenmiş Responsive Navigasyon Menu

Cuma Ekim 7th, 2016
380 Görüntülenme
CSS Gooey Menu (Version 3)

CSS Gooey Menu (Version 3)

Salı Ekim 4th, 2016
415 Görüntülenme
Açılıp Kapanabilen Toggle Menü

Açılıp Kapanabilen Toggle Menü

Salı Ekim 4th, 2016
478 Görüntülenme
Bootstrap Dropdown Menü Tasarımı

Bootstrap Dropdown Menü Tasarımı

Pazar Ekim 2nd, 2016
465 Görüntülenme
Bunlar da var!
Top 5 Türkiye – EURO 2016 [Video]

Top 5 Türkiye – EURO 2016 [Video]

Pazar Aralık 6th, 2015
276 Görüntülenme
Dolmuş Çeviren Köpek – Şoför Ayıp Etmiş

Dolmuş Çeviren Köpek – Şoför Ayıp Etmiş

Cumartesi Mayıs 7th, 2016
264 Görüntülenme
En Havalı Asansör [Video]

En Havalı Asansör [Video]

Cumartesi Ekim 31st, 2015
346 Görüntülenme
Kitchen Web Site Tasarımı

Kitchen Web Site Tasarımı

Pazartesi Nisan 17th, 2017
137 Görüntülenme
TerraFirma 1.0 Web Site Tasarımı

TerraFirma 1.0 Web Site Tasarımı

Salı Nisan 25th, 2017
123 Görüntülenme
Wifi Yerine Lifi Mi Geliyor?

Wifi Yerine Lifi Mi Geliyor?

Cuma Ocak 15th, 2016
286 Görüntülenme
PHP 5 Veri Türleri

PHP 5 Veri Türleri

Pazar Nisan 16th, 2017
246 Görüntülenme