Tranomboky CSS avo lenta 23 ho an'ny famolavolana tranonkala

CSS

Ireo tranomboky CSS ankehitriny dia porofon'ny haavon'ny famolavolana tranonkala ary ny fomba hanamorana ireo zavatra amin'ny resaka fampiharana ireo fomba mamirapiratra amin'ny fahazoana ny zavatra niainan'ny tranonkala.

Izany no antony anaovantsika izany mizara 23 famakiam-boky CSS avo lenta amin'ireo mpanakanto isan-karazany izay manaporofo ny fomba azo atao amin'ny alàlan'ity fiteny famolavolana ity. Fanolorana loharanom-pahalalana mahaliana mba gaga amin'ny zavatra azo tratrarina amin'ny alàlan'ny CSS.

Blur Menu

hampanjavozavo

Una Demo nohavaozina tsara izay ahitanao ohatra fito. Mampiasa ny tetezamita CSS3 izy ireo ary inona no ho faharanitan-tsaina lehibe amin'ny fampiasana ireo mpisafidy isan-karazany mba hamoronana vokatra tsy mazava.

Rahona CSS3D

Clouds

Miaraka ihany araho ity demo ity, ianao dia ho afaka hiaina ny vokatra lehibe tratra amin'ity tranomboky CSS ity. Ny tsara indrindra dia mihetsika ireo rahona ireo. Mampiasa CSS3 3D Transforms ary koa JavaScript. Avy amin'ny rohy dia azonao atao ny miditra amin'ilay tutorial izay hahitanao ny dingana tsirairay.

Logos amin'ny CSS madio

Logos

Ity tranomboky ity dia misy ny sasany amin'ireo logo malaza indrindra amin'ny alàlan'ny rehetra toa an'i Apple na Twitter. Mihoatra ny mahaliana ny fahafantaranao ny fananan'ny tsirairay ny logo amin'ny alàlan'ny fametrahana ny pointer totozy. Manana ny fidirana rehetra amin'ny kaody feno ianao avy amin'ny rohy.

Bara fitetezana an'i Jan Kadera

Jan

Avy amin'ny codepen.io ananantsika fidirana amin'ity bara fitetezana ity amin'ny 3D izay mihetsika mahagaga ary avy aiza no ahafahantsika mahafantatra ny kaodiny. Ny zavatra mampiavaka an'ity tranomboky ity dia ny andalana 65 fotsiny. Ny fiasa CSS3 vaovao dia misy eo amin'ny valiny lalina.

Kitapo sary mitsofoka

Sliding

Afaka mahazo ilay fampianarana ianao avy eto. Ny sandany lehibe dia malama tsara ny sary mihetsika rehefa atsofoka ny takelaka sary. Azonao atao ny miditra amin'ny karazany efatra hampidirina azy ireo ao amin'ny tranonkalanao ary hahatratrarana vokatra mahatalanjona.

Peratra roa

Peratra roa

Izahay dia teo aloha peratra voaova tanteraka miaraka amina sary mihetsika mahery vaika. Avy amin'ny codepen.io dia azonao atao ny miditra amin'ireo kaody rehetra misy tsipika an-jatony.

Flexbox

Flex

Flexboxes no fomba CSS vaovao hanehoana tsanganana amin'ny pejy. ny mpitari-dalana somary feno mba hahatakarana ireo kaontenera ireo.

Lisitry ny fitetezana maro loko

My Account

Afaka miditra ianao HTML sy CSS rehetra ho an'ity menio fitetezana ity izay milaza tena tia loko. Natao manontolo tamin'ny CSS izy io mba hahafahanao hiroboka amin'ity fiteny ity.

Bara fandrosoana ao amin'ny CSS3

trano fisotroana

Na dia amin'ny teny anglisy aza, toy ny ankamaroan'ny fivarotam-boky, HTML sy CSS dia misy antsipiriany tsara mila manana bara fandrosoana lehibe. Miandry anao ny hazavana, ny tsipika ary ny karazana vokar-tsary hafa.

Animate.css

selan'izy

Malaza ao amin'ny GitHub, izany vita manontolo amin'ny CSS. Safidio ny sary mihetsika tianao ho fantatra, ary mila tsindrio fotsiny ny bokotra "Anate it" raha hijery ny vokany amin'ny Animate.css. Azonao atao ny misintona na mijery azy amin'ny GitHub.

spinkit

spinkit

Miatrika fanangonana tondro izay afaka manompoa amin'ny karazan-javatra rehetra hita maso amin'ny tranonkala. Tsindrio ny "Source" dia ho hitanao ny kaody rehetra ilaina amin'ny fanatanterahana azy.

Buttons

bokotra

Una Tranon-bokotra CSS amin'ny fomba sy hevitra rehetra hahitana ilay ilainao hanavahana ny tenanao amin'ny fifaninanana. Avy amin'ny sisin-dàlana dia azonao atao ny mamono ireo endrika na vokany izay tsy tadiavinao ary mifantoka amin'ny iray manokana.

FlipSwitch

mifamadika

Izahay dia teo aloha fampiharana izay mamela anao hanafoana ny bokotra sasany mamorona iray izay tena tadiavintsika. Mampiasa ireo toe-javatra samihafa izahay ary afaka mamerina ny kaody izay alainay ho an'ny tranonkalantsika ihany amin'ny farany. Loharano iray tena mahaliana noho ny fahaizany miova sy ny fombany tsara.

Hint.css

hamantatra izany

Una Fitehirizam-boky CSS tsy misy JavaScript ary vonona hampiasainao araka izay itiavanao azy. Kely habe, mora ampiasaina ary miasa amin'ny tranonkala rehetra maoderina.

Colours.css

loko

Ho an'ilay izay mitady loko avy amin'ny safidy mahaliana ary izany dia mamela ny prototyping haingana ho an'ireo tranonkala manana endrika hita maso lehibe.

Voxels.css

voxels

Raha fantatrao ny Minecraft, ny lalao fananganana, azo antoka fa mora ekena ity tranomboky CSS ity. Ahodino rehefa manindry foibe isika handeha hamokatra ny grids.

Typography

typography

Una font CSS madio maivana tonga lafatra fotsiny ho an'ny tetikasanao manaraka.

Spinner

Spinner

Una fanangonana Animation lehibe ny fampidinana sary masina ao amin'ny CSS sy HTML.

Famantarana ny tsipika

tondro

Lahatsoratra madio amin'ny mpivady CSSmba hampidirana ireo tondro isan-karazany. Loharano lehibe hahitana an'io mari-pamantarana ilaina sy mety ho an'ny tranonkalanao io.

css loader

css loader

iray hafa endri-tsoratra ho an'ny famoahana sary masina izay azo namboarina ho an'ny karazana sarimiaina.

Sarin-tsarimihetsika

miaraka amin

Una Tranomboky CSS azo refesina ary kely ny lanjan'ny sary ho an'io kilasy «hover» io.

hue.css

Rava

Loharanon'ny Gradien 49 na gradien-tsary ho an'ny karazana atiny sy sary rehetra.

vatan'olombelona

Fitaovana

Un Ny rafitra CSS miorina amin'ny Material Design, ny fitsipiky ny famolavolana ampiasain'ny Google amin'ny fampiharana marobe sy amin'ny rafitra fiasa Android azy.

Aza adino ny fotoana nifanarahana miaraka amin'ny tranonkala efa vita amin'ny sary svg.


Aoka ho voalohany ny fanehoan-kevitra

Avelao ny hevitrao

Ny adiresy email dia tsy ho namoaka. Mitaky saha dia marika amin'ny *

*

*

  1. Tompon'andraikitra amin'ny data: Miguel Ángel Gatón
  2. Tanjon'ny angona: Control SPAM, fitantanana hevitra.
  3. Legitimation: Ny fanekenao
  4. Fifandraisana momba ny angona: Tsy hampitaina amin'ny antoko fahatelo ny angona raha tsy amin'ny adidy ara-dalàna.
  5. Fitehirizana angona: Database nomen'ny Occentus Networks (EU)
  6. Zo: Amin'ny fotoana rehetra, azonao atao ny mametra, mamerina ary mamafa ny mombamomba anao.