- - CSS3 Otomatik Kod Jeneratörü ile Görüntülere Gölge Efekti Ekleme

CSS3 Otomatik Kod Oluşturucu ile Görüntülere Gölge Efekti Ekleme

CSS, web sayfalarınızı kolayca stilize etmenizi sağlar.kolayca. Yüzden fazla metin stilini tek bir sayfada tanımlayabilirsiniz (elbette sayfanız bir sirk çadırına benzeyecektir) ancak bu, web sayfalarında CSS kullanmanın getirdiği kolaylık ve esneklikle ilgilidir.ThemeShock eklemek yardımcı olacak bir CSS kodlayıcı jeneratörbirkaç basit tıklamayla resimlerinize farklı gölge efektleri. Efekti siz seçersiniz ve kodu yazar; efektler alt, yanlar, üst ve alt, sol alt, sağ alt, sağ üst ve sol alt veya diyagonal köşelere eklenebilir.

CSS-gölge-generator_HQ

Sen başlamadan önce; boyutunu kontrol etgörüntü (efekti eklemek istediğiniz). Kod oluşturucu, görüntü genişliği ve yüksekliği için önceden tanımlanmış bir üst ve alt 130 - 347 piksel sınırına sahiptir. Resim boyutlarınız bunu aşarsa, daha sonra genişlik ve yüksekliği her zaman düzenleyebilirsiniz. Kod ayrıca gölgenin opaklığını ve bulanıklığını belirlemenizi sağlar. Görüntünüzü kod oluşturucuya yükleyemezsiniz, varsayılan görüntü kullanılacaktır, böylece efekti önizleyebilirsiniz.

Aşağı açılır menüden hangi gölgeyi seçinİstediğiniz herhangi bir seçiciyi değiştirdiğinizde yeni bir kod oluşturulur, bu yüzden en sonuncuyu kullandığınızdan emin olun. İstediğiniz efekti seçtiğinizde, yatay kaydırma çubuğunu kullanarak görüntünüzün genişliğini ve yüksekliğini ayarlayın. Düğmeyi birazcık dürtmek istediğinizde sağ ve sol ok tuşlarını kullanın. Bulanıklığı ve opaklığı ayarlayın ve kod üretilecektir. Bu parametrelerden birini artırmak veya azaltmak yeni bir kod oluşturacaktır.

Css3 Alt Gölge

Her şey ayarlandıktan sonra, CSS kodunu birCSS dosyasını ve sizin için web sayfası (veya tema) olarak adlandırın. Web sayfanıza giren HTML kodu da oluşturulur (açılır menüden seçtiğiniz her efekt için benzersiz), kopyalayın ve resim kodunu (img src = ”“) 'kodunuzu buraya' yazın.

Bu kod üreteci hakkında en iyi şeyçalışır ve ücretsizdir. Görüntüler için boyut sınırlamaları var, ancak koddan düzenlenebilirler. Saydam bir görüntü kullanıyorsanız (yukarıdaki gibi), donuk gri bir arka plan verecektir. Arkaplan rengini daha sonra koddan düzenleyebilirsiniz. (Kod satırı arka planını düzenleyin: #ccc). Kod ayrıca tüm görüntülere 5 piksellik bir çerçeve verir, çerçeveyi de düzenleyebilirsiniz, ancak genişliği artırmak ve azaltmak gölgeyi gerekenden daha fazla gizler veya ortaya çıkarır, böylece en iyi şekilde bırakılır.

ThemeShock CSS Alt Gölge Oluşturucusunu Ziyaret Edin

Yorumlar