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

Ẹsẹ CSS

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

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

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

Angled akọsori

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

Ti ya

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

Te 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

Div ti o wa titi

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

Olona-fẹlẹfẹlẹ

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

Ti o wa titi ifiweranṣẹ

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

Awọn igbi ti ere idaraya

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

Akoni aworan

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 

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

Akoni Flexbox

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

Akọsori alalepo

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

Yiyi idahun

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

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

Idahun akọsori yiyi

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

Akọsori Ni / sita

akọle animate

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

Akọsori ipare

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

Akọsori ti o farapamọ

Auto Ìbòmọlẹ

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

Ẹ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

Iwọn ẹsẹ

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

Social 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

Ere idaraya ẹlẹsẹ ẹlẹsẹ

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

Simple Ti o wa titi

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

Ṣe atunṣe Akọsori Fidio

Ṣe atunṣe Akọsori Fidio

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

Akọsori fidio

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ọ

Gbogbo sikirini

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

Idaraya Akọsori fidio

Idaraya akọle 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

idahun

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


Awọn akoonu ti nkan naa faramọ awọn ilana wa ti awọn ilana olootu. Lati jabo aṣiṣe kan tẹ nibi.

Awọn asọye 2, fi tirẹ silẹ

Fi ọrọ rẹ silẹ

Adirẹsi imeeli rẹ yoo ko le ṣe atejade. O beere aaye ti wa ni samisi pẹlu *

*

*

  1. Lodidi fun data naa: Miguel Ángel Gatón
  2. Idi ti data naa: SPAM Iṣakoso, iṣakoso ọrọ asọye.
  3. Ofin: Iyọọda rẹ
  4. Ibaraẹnisọrọ data: Awọn data kii yoo ni ifọrọhan si awọn ẹgbẹ kẹta ayafi nipasẹ ọranyan ofin.
  5. Ibi ipamọ data: Alaye data ti o gbalejo nipasẹ Awọn nẹtiwọọki Occentus (EU)
  6. Awọn ẹtọ: Ni eyikeyi akoko o le ni opin, gba pada ki o paarẹ alaye rẹ.

  1.   TecnOku wi

    Gbogbo won da mi loju. O ṣeun

    1.    Manuel Ramirez wi

      E kabo!