La typography of our website waa lagama maarmaan taas oo ku habboon nuxurka aan ku soo bandhigayno eCommerce, blog ama bogga degitaanka. Taasi waa sababta ay lagama maarmaan u tahay in la ogaado sida saxda ah ee loo dooran karo isha nooga iman karta cabsida si akhristaha ama iibsadaha loogu dhiirigeliyo inuu akhriyo mid kasta oo ka mid ah cutubyada dhamaystiraya nuxurka isku midka ah.
Laakiin marka laga reebo qoraalka, si xikmad leh codsan kartaa saamaynta qoraalka CSS si loo siiyo taabashadaas gaarka ah oo "qabso" macmiilka raadinaya badeecad aan ku hayno buug-gacmeedkayaga eCommerce. Markaa waxaanu wadaagi doonaa 25 saamaynta qoraalka muhiimka ah ee CSS si wejigani uu uga soo muuqdo indhaha isticmaalaha soo booqda boggayaga.
Qoraalka 3D
Saamaynta qoraalka CSS ee ku ciyaara canaasiirta kala duwan si keen 3D si aad u qorto taas oo awood u leh inay qabato xiisaha booqdaha boggayaga internetka. Indho-qabasho shaki la'aan. Ha seegin kuwan xarfaha hadda jira ee naqshadeeyayaasha.
3D CSS qaab-qoraal
Saameyntan 3D waxay nagu haysaa wadooyin kala duwan tii hore oo loogu talagalay far-qoraalka oo qaadan doona heerka dhexe meel kasta oo aanu dhigno.
Masking Path animation
Este saamaynta qoraalku waa firfircoon, inkastoo ay u muuqato mid aad u fududWaxay leedahay waxtarkeeda sidoo kale waa mid aad u adag. Sida gacan wax ku qora. Waxaa hubaal ah inaad awood u yeelan doonto inaad hesho meesha ugu fiican ee goobtaada, maadaama ay tahay mid ka mid ah kuwa ugu fiican liiskan.
Saamaynta xarfaha
Waxaa la soo saaray saamayn ballaaran iyo ku bood qoraalka soo saara dareenka xarrago iyo xirfad-yaqaannimo.
qaboojiyay
Waxaa jira a saamaynta milicsiga qoraalka kaas oo ku haboonaan kara waji gaar ah. Wax la sameeyo jiilaalka, guryaha waddanka ama barafka ayaa ku habboonaan lahaa.
Hello
Saameyntan isku day in aad sawirto qaabab kala duwan oo cabbir yar si ay ugu dambeyntii u sameeyaan qoraalka. Koodhka CSS ee dhawaan la soo saaray kaas oo muujinaya kakanaanta in naqshadaynta shabakadu gaadho.
animation line text
Sida kii hore, a saamaynta qoraalka CSS oo cajiib ah oo leh sadar taxane ah oo sawiraya qoraalka koodka lagu dabaqay.
Gacanta
Saamayn kale oo ka mid ah qoraal animated natiijada weyn kaas oo awood u leh inuu leexiyo mid kasta oo ka mid ah xarfaha si uu u soo saaro animation tayo badan leh.
CSS animation muujinaya qoraalka
animation kale oo loogu talagalay saameyn qoraal ah oo aad u qurux badan iyo in ay awood u leedahay in ay soo saarto dareenka xirfad-yaqaanka ee booqdaha ee yimaada boggayaga.
Maaskaro muuqaalka SVG qoraal ahaan
Mid kale oo ka mid ah saamaynta ugu fiican ee liiska oo dhan iyo in wuxuu muujinayaa maaskarada muuqaalka aan hayno asal ahaan si qoraalku u noqdo jilaagii. Tayada sare ee dhammaan heerarka.
galinta qoraalka CSS ee firfircoon
Haddii aad awood u leedahay inaad si habboon u soo bandhigto saamayntan markaad qoraalka geliso boggaaga, si xad dhaaf ah ayaa ku dari doona tirooyin marka laga hadlayo hal-abuurka.
Saamaynta qoraalka "qabow".
Maaskaro kale oo saameyn qoraal ah taas isticmaala sawirka GIF si loo soo saaro natiijo kale oo weyn sida maaskarada fiidiyowga. Si fiican ayaad uga arki kartaa tusaalaha koodka ee Codepen.io.
Cilad qoraal fudud
Saamaynta qoraalkan si fiican ugu habboon faylalka fannaanka weji kasta ha lahaadee ama xitaa kooxda muusiga oo aan ku raadinayno firfircooni. Gebi ahaanba il-qabad
Cilad maskaxeed
Sida kii hore, saameyn kale oo ka mid ah qoraal bam ah oo gebi ahaanba random mareegahaas doonaya in ay ka soocaan inta kale. Si sax ah isku dhafan waxay ku dhejin kartaa jeexjeexyada keega.
qoraalka VHS
Qaabkaas oo ah Fiidiyow aad loo yaqaan 80-meeyadii iyo 90-meeyadii in aan ku soo saari karno CSS-kan.
Saamaynta qoraalka
Kaliya ka tag tilmaame jiirka xaraf kasta si loo helo saamaynta dullidda ee HTML, CSS iyo code-ka JS soo saarto. Aad u xiiso badan oo heer guud ah.
Saamaynta qoraalka Guga Hover
Wixii teknooloji ah tan saamaynta qoraalka dulbeeya Kaas oo si aad u wanaagsan ugu shaqeeya dhammaan noocyada mareegaha ee la xiriira tignoolajiyada cusub. Codsaday badhanka waxay sidoo kale leedahay natiijo fiican.
Sass Loops fudud CSS
Saamaynta qoraalka kale CSS tayo sare leh iyo xarrago leh taas oo soo saari karta dhammaan noocyada dareenka ee booqdaha. Aad loogu taliyay.
Dhan khadadka badan
Saameyn qoraal ah oo aad u fudud CSS, laakiin oo leh karti weyn oo wax ku ool ah Waa maxay.
Xariiqda toosan
Haddii aad rabto Muuji cutubka qoraalka kaas oo booqdaha dhig tilmaame jiirka, saameeyntan CSS waxay soo saartaa hoosta. Aad u xiiso badan sababtoo ah sida hal-abuurka iyo xiisaha ay u leedahay.
"Waxyaabaha shisheeye" saamaynta
Sida caanka ah ochontera TV taxane ah oo qalaad, Saamayntan hover waxay awood u yeelan doontaa inay samayso qoraalka taxanaha ah natiijo weyn.
Qoraalka wareega
Runtii waa a saamaynta biyo-dhac kaas oo bedelaya ereyga muhiimka ah ee qoraalka aan ku hayno shaashadda. Aad u qosol badan.
Saamaynta CSS Groovy
Saamaynta hadhka qoraalka qabow Wixii ku jira mareegaha mowduuc gaar ah.
Saamaynta gradient
Saameyn muuqaal ah oo aad u cajiib ah oo loogu talagalay hadhka qoraalka. Way fiican tahay shaki la'aan meel kasta oo aan ku leenahay midab badan.
Parallax hadh
A saamaynta hooska parallax marka aynu dulmareyno tilmaanta qoraalka.
Saamaynta qorista
A fudud iyo Saamaynta qorista ee indhaha soo jiidata taas oo si aad u wanaagsan dib loo abuuray.
Qorista qoraalka
Kuwa kale saamaynta ku-qorista ma seegi kartid CSS, HTML iyo JS.