29 Awọn akọle CSS ati awọn ẹlẹsẹ fun bulọọgi rẹ tabi oju opo wẹẹbu

Awọn akọle ati awọn ẹlẹsẹ jẹ Awọn eroja pataki nigba ṣiṣẹda oju-iwe tuntun kan wẹẹbu tabi bulọọgi kan, tabi ti ko ba si nkan miiran a nilo lati ṣe imudojuiwọn wọn lati pade awọn iṣedede lọwọlọwọ ti apẹrẹ wẹẹbu. Wọn jẹ awọn aaye si eyiti alejo si oju opo wẹẹbu wa nigbagbogbo ṣe akiyesi nla, nitorinaa a ni lati ṣetọju wọn ki a fun wọn lọna to ki wọn le jẹ itẹwọgba si oju, yatọ si ṣiṣe iṣẹ.

Ti o ni idi ti a yoo pin 29 Awọn akọle CSS ati awọn ẹlẹsẹ ti o le lo lori bulọọgi rẹ tabi oju opo wẹẹbu, ati bayi fun ni aaye ti didara ti o n wa. Atokọ yii jẹ awọn akọle akọle iboju ni kikun, bii iwọn boṣewa, awọn akọle ti o wa titi tabi ti o wa titi, awọn ẹlẹsẹ ati diẹ ninu awọn akọle fidio lati fun aaye iwoye miiran si oju opo wẹẹbu rẹ.

Te akọsori

A akọsori ti o ti wa ni damo nipa ọna ti o tẹ ni isalẹ eyiti o jẹ ki o jẹ akọle pataki pupọ fun oju opo wẹẹbu tabi bulọọgi kan. O jẹ CSS mimọ, nitorinaa o ti gba akoko lati ṣe idanwo ninu tito wẹẹbu rẹ bi yoo ṣe wo ti o ba ṣafikun rẹ ninu bulọọgi rẹ.

Aworan akọsori Parallax

Pẹlu ipa aworan Parallax nla, akọle yii ṣe idanimọ ararẹ nipasẹ lo ipo CSS isale-aworan. Aworan akọle yoo wa ni ipo ni oke ti oju-iwe fun koodu ipa nla.

Angled akọle ti o wa titi

Akọsori yii wa ni titọ daradara ni oke oju-iwe wẹẹbu si ṣe iyatọ pẹlu ila ilawọn yẹn ti o kọja gbogbo petele ti wiwo olumulo. O fihan bi a ṣe le lo awọn eroja adarọ CSS lati ṣẹda akọsori ti o wa titi pẹlu aworan isale.

Akọsori Skewed

CSS ati HTML fun akọsori yii pe ninu apẹẹrẹ ti a fun ni abuda pẹlu ila ilawọn yẹn ti o kọja gbogbo iboju lati ẹgbẹ kan si ekeji.

Akọsori pẹlu iwara SVG

Akọsori ti o rọrun pupọ, botilẹjẹpe o nlo iwara SVG lati ṣe iyatọ ara rẹ ti eyiti a ni ninu atokọ yii. O le wọle si atokọ nla ti awọn oju-iwe wẹẹbu pẹlu awọn idanilaraya SVG lati ibi.

Ti o wa titi akọsori pẹlu Div

Pẹlu ipa aworan Parallax, akọle ti o wa titi ti o duro fun ipa nla ṣaṣeyọri pẹlu aworan isale ti o wa titi lakoko ti o ku ni yiyi bi a ṣe nlọ pẹlu Asin.

Parallax ọpọ-fẹlẹfẹlẹ apejuwe

Akọsori ipari nla ni Ọpọ-fẹlẹfẹlẹ HTML, CSS ati JavaScript ati pe o le ṣee lo ni pipe fun oju opo wẹẹbu kan ti o ni ibatan si agbaye ti awọn ere fidio. Ipari nla jakejado.

Ti o wa titi akọle akọle

Akọsori ti o wa titi fun ipolowo kọọkan ti a ṣe ni HTML, CSS ati JavaScript. Akoko ti a yi lọ si isalẹ, akọle ti dinku ati ti o wa titi ni oke.

Akọsori iboju ni kikun pẹlu iwara

Akọsori ti o funni ni iwara pe rare ni ita ati pe iyẹn ni ipa isinmi lori oluwo naa.

Akoni aworan ni kikun iboju

con ipa sun-un, eyi akọsori ni kikun iboju o han bi ọkan ninu atilẹba akọkọ. Pipe fun oju opo wẹẹbu kan ninu eyiti alejo yoo lo nla ti yiyi lati gbe ni ayika rẹ.

Flexbox pẹlu bọtini 

Akọsori ti o gba gbogbo iwọn iboju lati han bọtini kan. Pipe fun awọn oju-iwe ibalẹ pẹlu CSS flexbox.

Flexbox akoni akọsori

Akọsori kan pẹlu ipa parallax ati flexbox ohun rọrun ti o duro fun didara ti apẹrẹ rẹ ni akọkọ.

Akọsori Alalepo lori yiyi

Bi orukọ rẹ ṣe daba, akọle ti o wa titi nigbati a yi lọ pẹlu Asin nigba gbigbe lati wo iyoku oju-iwe wẹẹbu naa.

Idahun Yiyi Alalepo

Akọle miiran ti o wa titi ti ipa nla nigbati akojọ aṣayan de oke oju-iwe naa, kilodeati ni akoko yẹn o wa titi ati pe a le tẹsiwaju lilọ kiri aaye naa.

Yi lọ akọsori

O yato si iyoku nipa to dara ati elege iwara bi a ti nlọ. Ni opin rẹ, ori ori wa titi ni ori oke.

Idahun Yi lọ akọsori

Iwara nla miiran fun ṣe iyatọ akọle yii lati isinmi pẹlu HTML, CSS ati JavaScript.

Akọsori Ni / sita

Akọsori ti o jẹ iyatọ nipasẹ ipa Ni / sita lẹhin yiyi lọ ati pe iyẹn n ṣe imọlara ti atunṣe.

Akọsori ipare

Ipa idanilaraya miiran iyanilenu ati ki o gidigidi yangan ni HTML, CSS ati JavaScript.

Akọsori ti o farapamọ

Ori akọle ti o yatọ nigbati o farapamọ ni ibamu si a lo yiyi pẹlu iwara iyẹn ko ṣe akiyesi ṣugbọn ti didara nla.

Ẹlẹsẹ Parallax

Ẹsẹ ti o wa titi tabi ti o wa titi pẹlu HTML, CSS ati JavaScript. Ti nla didara pẹlu shading ni ipa.

Ẹsẹ pẹlu iwọn akoonu

Didara giga ati ẹlẹsẹ atilẹba fun ṣe iyalẹnu alejo naa fun ọna ore-ọfẹ ti iṣafihan aaye wẹẹbu yii.

Ẹlẹsẹ Media Media

Ẹsẹ ti o duro fun awọn bọtini ti o ja si awọn nẹtiwọọki awujọ ti o dara ju mọ. Iwara ti o waye nigbati o ba lọ kuro ni itọka asin lori ọkọọkan awọn nẹtiwọọki awujọ duro.

Aṣayan ẹlẹsẹ alagbeka ti ere idaraya

Nipa idinku window window aṣawakiri lati wo ẹlẹsẹ yii, iwọ yoo ni anfani lati wa awọn apakan 2-3 pe olumulo le rii lori ẹrọ alagbeka kan. O ti han ni 767px.

Ẹsẹ Ti o wa titi ti o rọrun

Ṣe ni HTML ati CSS jẹ a ẹlẹsẹ ti ko rọrun laisi igbadun pupọ ati dagba.

Ṣe atunṣe Akọsori Fidio

A akọsori pẹlu fidio ti o rọrun React.js.

Akọsori fidio

Miiran akọsori pẹlu fidio ti o rọrun ati ti didara nla.

Akọsori Fidio Iboju ni kikun pẹlu Apopọ-Apopọ

Fihan a fidio iboju kikun pẹlu ọrọ lori fẹlẹfẹlẹ nipa lilo ipo idapọ-adalu.

Idaraya Akọsori fidio

Iwara naa jẹ ti adani pẹlu Adobe Lẹhin Awọn ipa lati wa ni ibamu pẹlu gbogbo awọn aṣàwákiri. Ko ṣiṣẹ lori alagbeka.

Akọsori fidio idahun pẹlu gradient

El gradient ni ohun ti o dúró jade si akọsori fidio yii lati iyoku.