Otsikot ja alatunnisteet ovat Tärkeät elementit uuden sivun luomisessa verkko tai blogi, tai jos ei mitään muuta, meidän on päivitettävä ne vastaamaan verkkosuunnittelun nykyisiä standardeja. Ne ovat tiloja, joihin verkkosivustomme kävijä yleensä kiinnittää suurta huomiota, joten meidän on huolehdittava niistä ja hemmotteltava heitä niin paljon, että ne ovat miellyttäviä silmälle sen lisäksi, että ne ovat toiminnallisia.
Siksi aiomme jakaa 29 CSS-otsikkoa ja alatunnistetta, joita voit käyttää blogissasi tai verkkosivustollasija anna siten sille etsimäsi laatupiste. Tämä luettelo koostuu koko näytön artikkeleista sekä vakiokokoisista, kiinteistä tai kiinteistä otsikoista, alatunnisteista ja joistakin videootsikoista, jotta saat uuden näkökulman verkkosivustollesi.
Kaareva otsikko
Otsikko, jonka tunnistaa sen kaareva tyyli alareunassa mikä tekee siitä erityisen erityisen otsikon verkkosivustolle tai blogille. Se on puhdas CSS, joten vie jo aikaa testata verkkosovelluksessasi, miltä se näyttää, jos sisällytät sen blogiisi.
Otsikkokuva Parallax
Suurella Parallax-kuvaefektillä tämä otsikko tunnistaa itsensä käytä CSS-taustakuvan sijaintia. Otsikkokuva sijoitettaisiin sivun yläosaan saadaksesi upean tehokoodin.
Otsikko kiinteä kulma
Tämä otsikko on hyvin kiinnitetty verkkosivun yläosaan tehdä ero sen diagonaalilinjan kanssa joka ylittää käyttäjän näkymän koko vaakatason. Se osoittaa, kuinka CSS-pseudoelementtejä voidaan käyttää kiinteän otsikon luomiseen taustakuvalla.
Vino otsikko
CSS ja HTML tälle otsakkeelle, jota tässä esimerkissä luonnehditaan sitä diagonaalista viivaa pitkin joka ylittää koko näytön yhdeltä puolelta toiselle.
Otsikko SVG-animaatiolla
Hyvin yksinkertainen otsikko, vaikka se käyttää SVG-animaatio itsesi erottamiseksi joista meillä on tässä luettelossa. Voit käyttää laajaa verkkosivujen luetteloa täältä SVG-animaatioita.
Kiinteä otsikko Div
Parallax-kuvatehosteella kiinteä otsikko, joka erottuu erinomaisesta vaikutuksesta saavutetaan kiinteällä taustakuvalla, kun loput vierittää, kun vieritämme hiirellä.
Parallaksi monikerroksinen kuva
Hieno lopputulos vuonna Monikerroksinen HTML, CSS ja JavaScript ja sitä voidaan käyttää täydellisesti verkkosivustoon, joka liittyy videopelien maailmaan. Loistava lopputulos kaikkialla.
Kiinteä viestin otsikko
Kiinteä otsikko jokaiselle viestille, joka on tehty HTML-, CSS- ja JavaScript-muodossa. Heti kun vierimme alas, otsikko on minimoitu ja kiinnitetty yläosaan.
Koko näytön otsikko ja animaatio
Otsikko, joka tarjoaa animaation, joka liikkuu sivusuunnassa ja se tuottaa katsojille rentouttavan vaikutuksen.
Sankarikuva koko näytössä
kanssa zoomausefektion otsikko koko näytössä se paljastetaan yhtenä suuresta omaperäisyydestä. Täydellinen verkkosivustolle, jossa kävijä käyttää suuresti vieritystä liikkumaan siinä.
Flexbox-painike
Otsikko, joka vie painikkeen koko näytön leveydelle. Täydellinen aloitussivuille CSS-flexboxilla.
Flexbox Hero Header
Otsikko, jolla on vaikutus parallaksi ja flexbox melko yksinkertainen joka erottuu suunnittelunsa eleganssista lähinnä.
Tahmea otsikko vierityksessä
Kuten nimestäkin voi päätellä, kiinteä otsikko milloin vieritämme hiirtä liikkuessamme nähdäksesi muun verkkosivun.
Reagoiva vierivä tahmea
Toinen kiinteä otsikko, jolla on suuri vaikutus, kun valikko saavuttaa sivun yläosan, miksija sillä hetkellä se pysyy kiinteänä ja voimme vierittää sivustoa.
Vieritä otsikkoa
Se eroaa muista oikea ja herkkä animaatio kun liikkumme. Sen lopussa pääty pysyy kiinteänä yläosassa.
Reagoiva vieritysotsikko
Toinen upea animaatio erottaa tämä otsikko muusta HTML, CSS ja JavaScript.
Otsikon sisään / ulos
Otsikko, joka erottuu vaikutuksesta Sisään / ulos vierityksen jälkeen ja se aiheuttaa rebound-tunteen.
Otsikko haalistuu
Toinen animaatioefekti utelias ja erittäin tyylikäs HTML, CSS ja JavaScript.
Piilotettu otsikko
Eri otsikko piilotettaessa käytämme vieritystä animaation kanssa se menee huomaamatta, mutta erittäin laadukas.
Parallaksi-alatunniste
Kiinteä tai kiinteä alatunniste, jossa on HTML, CSS ja JavaScript. Of hyvä laatu varjostuksella voimassa.
Alatunniste sisällön mittakaavalla
Laadukas ja alkuperäinen alatunniste hämmästyttää kävijää siro tapa näyttää tämä verkkotila.
Sosiaalisen median alatunniste
Alatunniste, joka erottuu painikkeet, jotka johtavat sosiaalisiin verkostoihin tunnetuin. Animaatio, joka tapahtuu, kun jätät hiiren osoittimen jokaisen sosiaalisen verkoston päälle, erottuu.
Animoidut alatunnistevalikot
Pienentämällä selainikkunaa tarkastelemaan tätä alatunnistetta voit löytää 2-3 osaa jonka käyttäjä voi löytää mobiililaitteesta. Se näytetään 767 kuvapistettä.
Alatunniste yksinkertainen kiinteä
Made in HTML and CSS on a yksinkertainen alatunniste ilman paljon fanfareja ja kukoistaa.
Reagoi videon otsikkoon
Otsikko, jossa on yksinkertainen video React.js.
Videon otsikko
Otro otsikko yksinkertaisella videolla ja laadukkaita.
Koko näytön videotunniste, jossa sekoitus
Näytä a koko näytön video tekstin kerroksessa käyttämällä sekoitus-sekoitustilaa.
Video Header -animaatio
Animaatio oli räätälöity Adobe After Effectsin avulla olla yhteensopiva kaikkien selainten kanssa. Se ei toimi matkapuhelimella.
Reagoiva videotunniste, jossa kaltevuus
El kaltevuus on se, mikä erottuu tähän videon otsikkoon muilta.
He kaikki vakuuttivat minut. Kiitos
Ole hyvä!