Menu

Fonas su "triukšmu"

galima taikyti blokui arba visai svetainei
Onlain.lt
Kaip padaryti
Pagrindas
Iliustracijos pagrindu imame gif su triukšmo efektu, arbe bet kokį kitą gif su "pattern" tipo raštu.
Instrukcija
1) Į Zero Block pridedame shape su container: window, height 100%, width: 100% ir įstatome į jį reikiamą gif. Taip pat galima galima iš karto nustatyti jam skaidrumą 20-30%.

2) Žemiau pridedame HTML bloką Т123 (iš "Kiti").
Kode reikia du kartus nurodyti mūsų shape elemento class .

Kur jį rasti?
Dešiniu pelės mygtuku ant elemento spaudžiame "Inspect element" ir susiradę kode tokio vaizdo .tn-elem__1683567901583438227722 eilutę, ją nusikopijuojame.

Tam, kad pakeisti rašto dydį, kode reikia eilutėje "background-size: auto !important;" pakeisti auto į 50px tam, kad raštas atsikartotų kas 50px. Galite naudoti bet kokį reikiamą pixelių kiekį.
Kodas 1 - efektui viename ekrane
<style>
.tn-elem__1260597101567609545323 .tn-atom {
    background-size: auto !important;
    background-repeat: repeat !important;
    pointer-events: none;
}
.tn-elem__1260597101567609545323 {
    pointer-events: none;
}
</style>
Kodas 2 - efektui visame puslapyje
<style>
.tn-elem__1260849831567609629730 .tn-atom {
    background-size: auto !important;
    background-repeat: repeat !important;
    pointer-events: none;
}
.tn-elem__1260849831567609629730 {
    pointer-events: none;
    z-index: 99999999 !important;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw !important;
    height: 100vh !important;
}
</style>

Made on
Tilda