SpoilerAlert.js – Elementleri bulanık gösterme

0
141
views

yazı ve resimleri bulanık yapma
Spoiler Alert uygulaması için tam anlamıyla düzgün bir başlık ekleyemediğim için eminim bir çok kişi photoshopta bulanık efekti yada bulanıklaştrıma gibi aramalardan bu yazıya gelecekler. Son Google güncellemelerinin bir özelliği bana göre saçmalıktan başka birşey değil. Uzman sayılabileceğiniz  bir konu da web sitesi açıp tek bir kategori üzerinden makaleler yayınladığınızda ister istemez makale başlıkları, gövdesi ve etiketleri birbirlerine benzerler. İşte Google amcamın son güncelleştirmelerinde bu tarz sitelerin çoğu gerilere düşmekle beraber ciddi anlamda ziyaretçi trafiği kaybetmişlerdir.

Bu yüzden başlığa jQuery kelimesini eklemedim. Haliyle sitede photoshop dersleri de olduğundan dolayı bazı kişiler bilmeden yanlışlıkla tıklayacaktır bu linki. Anlayacağınız Spoiler Alert jQuery için geliştirilmiş olan web sayfasındaki yazılara, linklere ve resimlere bulanıklık efekti vermeye  yarayan bir eklentidir. İki aşamalı bulanıklık efekti kullanılıyor  bu uygulamada. Resim ve yazılar görünmeyecek derecede olur mouse ile bu içeriiklerin üzerine geldiğinizde biraz daha görünür olmaya başlar ve tıkladığınızda net olarak görünürler bu efektleri uyguladığınız nesneler.

Kullanım

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

Js dosya adresleri :

 JavaScript : 

 Nesneler üzerinde  kullanımı

Blur  efekti  uygulama  istediğiniz  yazılara spoiler  etiketi  eklemeniz  gerekiyor

Örnek :

Spoiler  etiketleri arasına girmiş olduğum mintik.com bulanı  diğer  bölümler  net  olarak görünecektir bu şekilde.

Blur  efekti uygulamak istediğin  resimlere class=”spoiler” eklediğiniz zaman resimlerde  bulanık olarak gözükecektir.

Örnek :

 

1 oy (1 votes, average: 5,00 out of 5)
Loading...
Önceki İçerikScrolly.js
Sonraki İçerikflipClock

1983 doğumlu, olmayan bir çocuk babası, espirili ve kendini cana yakın zanneden biri işte. Daha ne olsun ?

Paylaş

CEVAP VER

Please enter your comment!
Please enter your name here