JavaScript CSS3 animation-direction Örnek

javascript css3 animation-direction örnek uygulama

Javascript ile animation-direction özelliğine reverse değeri verildiğindeki etkisini görmek için aşağıdaki çalıştır tuşuna basınız !

Javascript ile animation-direction özelliğine alternate değeri verildiğindeki etkisini görmek için aşağıdaki çalıştır tuşuna basınız !

Javascript ile animation-direction özelliğine alternate-reverse değeri verildiğindeki etkisini görmek için aşağıdaki çalıştır tuşuna basınız !

Javascript ile animation-direction özelliğine normal değeri verildiğindeki etkisini görmek için aşağıdaki çalıştır tuşuna basınız !

JavaScript css animation-direction © htmlvecssegitimi.blogspot.com

Yorumlar

Yorum Gönder

Bu blogdaki popüler yayınlar

HTML Yorumlar

Resim
« Önceki Ders Sonraki Ders » HTML Yorum Etiketleri HTML belgelerine yorum eklemek için <!-- ve --> yorum etiketleri kullanılır. Aşağıdaki örnek HTML belgesine ekleyebileceğiniz bir yorumu, açıklamayı temsil ediyor. <!-- Açıklamanızı yorum etiketleri arasına yazın --> Not: Yorum etiketlerinin açılış etiketinde ünlem işareti ( ! ) vardır, ama kapanış etiketinde yoktur. Yorumlar tarayıcılar tarafından görüntülenmezler ama özellikle fazla kaynak kodu olan HTML belgeleri için, belgenin ilgili kısımlarına notlar ya da açıklamalar eklemek oldukça faydalıdır. İleride kaynak kodlarınız üzerinde yeni düzenlemeler yapmak istediğinizde HTML yorumları düzenleme yapılacak alana kolayca ulaşabilmenize yardımcı olur. HTML Yorumları ile bildirim ve hatırlatıcılar ekleyebilirsiniz. Örnek <!-- Hakkımda sayfası içeriği --> <p>Bir paragraf.....</p> <!-- Buraya daha fazla bilgi girmeyi unutma! --> Ke...
Devamı Oku »

HTML5 ile SEO Uyumlu İçerik Üret

Resim
 Merhaba arkadaşlar , HTML5 ile SEO uyumlu içerik üretmek için   yapabileceğiniz çok basit ama bir blog ve web site için çok önemli olan bir kaç şeyi size paylaşıyorum. HTML5 ile SEO Uyumlu İçerik Üret Başlık Etiketlerini Etkili  Kullanın İçeriğinizi önemli anahtar kelimelerle vurgulamak için başlık etiketlerini (H1, H2, H3 vb.) kullanın. Anahtar kelimeleri bu başlık etiketlerinde yerleştirerek sayfanın yapısını anlamlı bir şekilde düzenleyin.  İçeriğinizde başlık etiketlerini (H1, H2, H3 vb.) kullanarak sayfada hiyerarşi oluşturun. Ana başlık (H1) sadece bir kez kullanılmalı ve diğer başlık etiketleri (H2, H3 vb.) alt başlıklar için kullanılmalıdır. Meta Etiketlerini Kullanmayı Unutmayın  Meta açıklama etiketini kullanarak sayfanın içeriğini özetleyin vemümkünse  anahtar kelimelerinizin en azından bir tanesi meta açıklamada bulunsun. Anahtar kelimeleri de bu açıklamada kullanarak arama motorlarının içeriğinizi daha iyi anlamasını sağlayın. Ayrıca, her...
Devamı Oku »

YouTube Reklam Engelleyici

Resim
YouTube reklam engelleyici ile internetten hem para kazan abilir hem de internetteki Google reklamlarını yani YouTube reklamlarını da engelleyebilir, kapatabilirsiniz .Nasıl mı ? Okumaya devam edin bundan sonra  kendinize daha çok zaman ayırabilecek hızlı güvenli bir internet keyfi yaşayacaksınız. Reklamları sonsuza kadar kaldıran Uygulamayı Hemen Keşfet YouTube Music gibi ücretli hizmetlere hiç girişmeyin derim. Acelem var diyorsanız hemen Brave  Mobil Uygulama | YouTube Reklam Engelleyici 'ı indirin ben de o sırada size reklamları kaldıran uygulama | tarayıcı hakkında bilgi vereyim. Ücretsiz YouTube Reklam Engelleyici  YouTube 'da dizi izlerken film izlerken sürekli yerinizden kalkıp reklamı geç butonuna bastığınız oldu mu ? Eminim bu ve benzeri bir çok anınız vardır reklamları kapatma ile ilgili.İşte artık reklamları kapatmayı veya engellemeyi öğrenmenize gerek yok. YouTube Reklam Engelleyici İndir YouTube Reklam Engelleyici Mobil Uygulama yı'ı indirmek için  s...
Devamı Oku »

Html dersleri

Resim
Html dersleri ne  kaldığımız yerden devam ediyoruz ve artık bir webmaster ya da kodyazarı olma yolunda adım adım ilerleyeceğiz.Bir önceki derste html konusunda basit bir başlangıç yapmıştık.Şimdi ise bir kaç hatırlatmayla kod editörlerini kullanarak ders anlatımına devam edeceğiz.Kodlama öğrenmek istiyorum mu demiştiniz? HTML' in açılımı H yper T ext M arkup L anguage yani Güçlü metin işaretleme dili de denebilir.Bu kelimeyi sıkça duyacağınız için açılımını bilmekte  yarar var.İnternet sayfaları yapamamızı sağlayan bu dil ile en basit haliyle bir web siteyi aşağıdaki kodlamıştık. <html> <head> <title> Belge başlığı </title> </head> <body> <h1> İçerik Başlığı </h1> <p> Bir paragraf........ </p> <p> Bir başka paragraf........ </p> </body> </html> Şimdi ise yukarıda gördüğünüz kodları editörde çalıştırarak test edin.Eğer kendi kullana...
Devamı Oku »

HTML input Etiketi

<input> Etiketi Örnek İki input alanlı ve onaylama butonlu bir HTML formu: < form >     Email: < input type= "text" name= "email"/>< br/ >     Şifre:    < input   type= "text"   name= "sifre"/>< br/ >                  < input type= "submit" value= "Onayla"/> < /form > Kendiniz deneyin » htmlvecssegitimi.blogspot.com Kodu Çalıştır butonuna tıklayarak HTML belgesini Sonuç Ekranı'nda görüntüleyebilirsiniz. KODU ÇALIŞTIR SAYFAYI TEMİZLE SAYFAYI YENİLE KAYNAK KODLARI SONUÇ EKRANI Email: Şifre: HTML ve CSS Dersleri © 2015 HTMLveCSSegitimi.blogspot.com <input> Tanımı ve Kullanımı <input> etiketi ...
Devamı Oku »

HTML DOCTYPE Bildirimi

HTML <!DOCTYPE> Bildirimi Örnek <!DOCTYPE> Bildirimi: < !DOCTYPE html > < html > < head > < title > Sayfanızın başlığı < /title > < /head > < body > Sayfanızın içeriği........ < /body > < /html > Kendiniz deneyin » htmlvecssegitimi.blogspot.com Kodu Çalıştır butonuna tıklayarak HTML belgesini Sonuç Ekranı'nda görüntüleyebilirsiniz. KODU ÇALIŞTIR SAYFAYI TEMİZLE SAYFAYI YENİLE KAYNAK KODLARI SONUÇ EKRANI Sayfanızın başlığı Sayfanızın içeriği........ HTML ve CSS Dersleri © 2015 HTMLveCSSegitimi.blogspot.com <!DOCTYPE> Tanımı ve Kullanımı  HTML dökümanınızda <html> etiketinden önce, en başta olması gereken şey <!DOCTYPE> bildirimidir.  <!DOCTYPE> bildirimi bi...
Devamı Oku »

Web Sitenizden Çok Para Kazanin

Resim
  Web sitenizden daha fazla para kazanmanın yolları nı arıyorsanız, Adsterra gibi etkili bir reklam ağından faydalanabilirsiniz. Adsterra, bloglarınızda veya web sitelerinizde reklamlar yayınlayarak hızla para kazanmanızı sağlayan bir dizi avantaj sunmaktadır. Geçen yazımıda SEO içeriklerle web sitenizi arama motorlarınızda nasıl üst sıralara taşıyacağımızı anlatmıştık.Siz de web yayıncılık serüveninizde bloglarınızdan daha çok fazla trafik çekip takipçilerinizi ve trafiğinizi paraya dönüştürmek istiyorsanız bu yazı tam size göre. AdsTerra ile Bloğunuzdan Hemen para kazanmaya başlayın ! Adsterra'nın avantajlarından biri, anında reklam görüntülenme imkanıdır. Bir kez kayıt olduktan sonra, Adsterra'nın reklam ağına erişim sağlayarak bloglarınızda veya web sitelerinizde reklamların hemen yayınlanmasını sağlayabilirsiniz . Bu hızlı başlangıç, gelirinizi artırmanızı ve kazancınızı daha da büyütmenizi sağlar. Adsterra'nın sunduğu reklam çeşitliliği de dikkate değerdir. Kaps...
Devamı Oku »

İnternetten hangi alanlarda para kazanılır?-İnternetten para kazanmanın yolları

Resim
İnternetten para kazanmanın yolları İnternet, günümüzde pek çok kişi için hem bir eğlence hem de bir gelir kaynağıdır. İnternet üzerinden para kazanmak isteyenler için çeşitli seçenekler bulunmaktadır. Bu seçenekler arasında bazıları daha kolay, bazıları ise daha zor ve emek gerektiren yöntemlerdir. Bu yazıda, internetten para kazanmanın yollarını ve bunların avantajlarını ve dezavantajlarını sizler için anlatacağız. İnternetten hangi alanlarda para kazanılır? İnternetten para kazanmak isteyenler için birçok alan mevcuttur. Bunlardan bazıları şunlardır: Blog yazmak: Blog yazmak, internetten para kazanmanın en popüler yöntemlerinden biridir. Blog yazarak, ilgi duyduğunuz veya bilgi sahibi olduğunuz bir konu hakkında yazılar yayınlayabilir ve bunları okuyucularınızla paylaşabilirsiniz. Blog yazarak para kazanmanın yolları arasında reklam gelirleri, sponsorluklar, bağlı kuruluş pazarlaması, ürün satışı, e-kitap veya kurs oluşturma gibi seçenekler bulunmaktadır. Blog yazmanın avantajları a...
Devamı Oku »