FlashyMenu

1
599
Görüntülenme

Flashy
Delay ve BackgroundPosition  uygulamaları kullanılarak yapılmış olan bir tane  çalışma. Animasyonları ve çalışma şekli oldukça dikkat çekici ve güzel tasarlanmış olsa da her yerde ve herkes tarafından kullanılabilir bir örnek olacağını düşünmüyorum. Ekranda dümdüz soldan sağa doğru uzanan bir çizgi ve mouse ile bu bölümün üzerine geldiğiniz anda çizgi aşağı doğru açılıyor ardından da soldan sağa doğru kategoriler yani başlıklar easeOutBack animasyonu ile kayıyorlar. Mouseyi geri çektiğinizde de easeInBack ile sağdan sola doğru kategoriler tekrar kayıp kayboluyorlar. Easing fonksiyonları açılan çizgi içinde kullanılmış. 

Flashy isminden de anlayacağınız  gibi flash menüler gibi görünen bir yapısı var. Tam olarak bu örneğin hangi bölüme (yatay, dikey) ekleneceğine karar veremedim aslında. Başta pek kullanışlı değil diye tanımlaşmış olsamda position:fixed yani sayfada sabit bir şekilde durmasını sağlarsanız sanırım her site için kullanışlı olabilir. Başta aksine fikir belirtmemin sebebi ‘kim kendi sitesinde boydan boya geniş bir alanı linklere ayırır ki ? ‘ idi.  Eğer web sitenizde sabit olarak ayarlarsanız aksine çok az yer kaplar ve oldukça güzel görünümlü bir tasarımınız da olur diye düşünüyorum. O zaman hem yatay hemde dikey olarak kullanılabilir bence.

Kullanım

  • Head etiketleri arasına eklenmesi gereken bölümler.

Js ve stil  dosyalarının url adresleri : 

JavaScript :

  •  Body etiketleri arasına eklenmesi gereken bölüm.

Html :

1 Yorum

  1. Dostum 1. ‘si Site Tasarımını beğenmedim .. 2.’si Böyle web tasarımıyla ilgili bir site yapacaksan daha iyi tasarımlı olması gerek.. tavsiyemi dikkate al ve tasarımını güncelleştir.. OK

CEVAP VER

Lütfen yorumunuzu yazın.
Lütfen İsminizi bu alana yazın.