Parçacıklar.js (ve animasyonlu arka plan) oksijen üreticisinde
Bu makalede, partiküller.js ve diğer animasyonlu arka planları, oksijen oluşturucu ile oluşturulan web sitenize hızlı ve kolay ekleyeceğinizi tartışacağız. Web gibi bir deseni olan etkileşimli bir arka plan bulduysanız, olasılık “Partices.js” adlı bir JavaScript kütüphanesi tarafından desteklenir. Bu, çok havalı bir etkileşimli arka plan yapmanızı sağlar ve yıllarca bazı kullanım vakalarına uyacak şekilde gelişmiştir. İşte oksijen bölgesindeki parçacıklarla neler yapabileceğinize bir örnek:
Orijinal “blok kodu” kullanarak oksijen oluşturucuya üçüncü taraf kodunu girmek çok kolay olduğundan, parçacık.js uygulamak basit bir görevdir. WordPress sitenizi düzenlemek için temel kütüphanenin ve diğer birkaç animasyonlu arka planın uygulanmasını göreceğiz. Oksijen üreticisine parçacıklar nasıl eklenir. İlk olarak, sayfamıza div ekleyeceğiz,%100 genişliğe kadar genişleteceğiz, ihtiyaç duyulan her şey kadar yüksek hale getireceğiz, parçacıkları birleştireceğiz ve daha sonra önüne içerik ekleyeceğiz.
Bölümü kullanmak yerine div ekleyin Div kullanıyoruz, çünkü bu nedenle temel kütüphane düzenlenmiştir. Bu örnekte, Div’i% 100 geniş ve 100vh yüksekliğe ayarladık. Bu onu tam ekran “kahraman” yapar. Herhangi bir parçanın dışına bir div yerleştirdiğinizden emin olun (temel olarak ayrı bir parça olacaktır).
Bu kod, CDN aracılığıyla web sitemize kütüphane parçacıkları.js ekler. Bu, kendimiz barındırmamız gerekmediği anlamına gelir.
Kütüphaneyi ekledikten sonra, JSON’un yapılandırması doğrudan bloğa eklenir. JSON’u yukarıdaki kodda kullanabilirsiniz (5-110 satırları arasında bulunabilir) veya burada kendiniz yapabilirsiniz. Bundan sonra, web sitenizin önünde parçacıklar görüntülenecektir. Bu yöntemle ilgili sorun, onu arkada göremeyeceğinizdir, ancak bu aslında yararlı olabilir, çünkü her şeyi daha hızlı yüklüyor.
Görüntünün çeşitli bölümlerini kaplayarak bunu çok daha iyi bir şekilde uygulayabilirsiniz. Örneğin, div parçacıklarının arkasına koyu mor bir arka plan yerleştirilebilir. Bu şekilde, sadece arka planda görüntülenen bir parçacık gibi görünecektir. Oksijen üreticisi ile oluşturulan web sitelerine parçacıklar.js eklemenin başka yolu da vardır. Örneğin, doğrudan web sitesi başlığınıza enjekte edilmek için bir kod görüntü eklentisini kullanabilirsiniz. Bununla birlikte, oksijen kullanan ayrı sayfalardaki belirli parçalara JS parçacıkları eklemek için hızlı ve kirli bir yöntem arıyorsanız, bu başarılıdır.
Arka plan parçacıkları örnekleri. JS oksijen parçacık. JS kütüphaneleri, birbirine bağlı web sitelerinden daha fazlasıdır.Bazı arka plan uygulamaları için çok yararlı olabilen farenizle etkileşime giren birçok efekt ekleyebilirsiniz.Aşağıda, CodePen’de Oxygen Builder web sitesinde bir arka plan olarak iyi işlev görebilen bir parçacık.js efektleri koleksiyonudur. Oksijen oluşturucu web sitenize yıldız eklemek için kullanın.
Veya kar.
Veya Polkadot?
Sonuç Umarım bu makale oksijene parçacıklar.js eklemek için çok hızlı ve kolay bir yol sunar.Bazı uygulamalar için daha iyi olabilecek başka yöntemler de vardır, ancak bu efekti web sitenizdeki bir sayfanın basit bölümüne eklemek istiyorsanız, bu iyi çalışır.
