Makarantun CSS na yanzu hujjoji ne na babban ƙirar gidan yanar gizo da kuma yadda waɗannan ke sa abubuwa cikin sauƙi idan ya zo ga aiwatar da waɗancan kyawawan hanyoyin fahimtar abin da kwarewar yanar gizo take.
Wannan shine dalilin da yasa zamuyi raba 23 ɗakunan karatu na CSS masu inganci na masu fasaha daban-daban waɗanda ke tabbatar da yadda komai zai yiwu ta hanyar wannan yaren ƙirar. Kyauta mai ban sha'awa na albarkatu don mamakin abin da za'a samu ta hanyar CSS.
Menu na Blur
Una brilliantly gyara demo a ciki zaka iya samun misalai guda bakwai. Suna amfani da sauyin CSS3 kuma menene zai iya zama mai hankali a cikin amfani da masu zaɓaɓɓu daban-daban don ƙirƙirar tasirin ƙima mai inganci.
Gizagizai CSS3D
Tare da kawai Tsayar da wannan demo, zaku iya samun babban tasirin da aka samu tare da wannan dakin karatun CSS. Mafi kyau duka, waɗannan gizagizai suna cikin motsi. Yana amfani da CSS3 3D Sauye da JavaScript. Daga hanyar haɗin yanar gizo zaku iya samun damar koyawa inda zaku sami kowane matakan.
Alamu a cikin tsarkakakken CSS
Wannan dakin karatun ya kunshi wasu daga cikin shahararrun tambura ta duk irin su Apple ko Twitter. Ya fi ban sha'awa cewa zaku iya sanin kaddarorin kowane ɗayan tambura ta hanyar sanya alamar linzamin kwamfuta. Kuna da dukkan damar zuwa cikakken lambar daga mahaɗin.
Bar na Kewayawa ta Jan Kadera
Daga codepen.io muna da samun dama ga wannan maɓallin kewayawa a cikin 3D wannan yana motsa abin al'ajabi kuma daga wacce zamu iya cikakken sanin lambarta. Babban abu game da wannan dakin karatun shine cewa ya kunshi layuka 65 ne kawai. Sabbin fasalolin CSS3 suna nan a cikin zurfin tasirin filin.
Panelsaukan hotuna suna ta tafiya
Kuna da damar zuwa koyawa daga nan. Babban darajarta shine yadda santsi rayarwa lokacin zamewa bangarorin hoton. Kuna iya samun damar bambance-bambancen guda huɗu don haɗa su akan gidan yanar gizonku kuma ku sami kyakkyawan sakamako.
Zobe biyu
Muna gabanin zoben da aka maimaita tare da babban wasan motsa jiki. Daga codepen.io kuna da damar zuwa duk lambar da ke da ɗaruruwan layi.
Flexbox
Flexboxes sune sabon hanyar CSS na nuna ginshiƙai akan shafi. A madaidaicin jagora don fahimtar waɗannan kwantena
Wani menu mai kewayawa mai launi
Kuna da damar zuwa duk HTML da CSS don wannan menu na kewayawa wanda ke da'awar tsananin kauna. An yi shi gaba ɗaya a cikin CSS don ku iya nutsad da kanku cikin wannan yaren.
Ci gaban sanduna a cikin CSS3
Kodayake a Turanci ne, kamar yawancin shagunan sayar da littattafai, HTML da CSS suna da cikakkun bayanai ana buƙatar samun manyan sandunan ci gaban zane. Gradients, layi da sauran nau'ikan tasirin gani suna jiran ku.
Ankara.css
Mashahuri akan GitHub, yana da yi gaba ɗaya a cikin CSS. Zaɓi animation ɗin da kuke so ku sani, kuma kawai kuna danna maɓallin "Animate shi" don ganin tasirin a cikin Animate.css. Zaka iya saukarwa ko duba shi akan GitHub.
spinkit
Muna fuskantar tarin alamun da zasu iya yi aiki don kowane nau'i na abubuwan gani a cikin yanar gizo. Danna kan "Source" kuma zaka sami duk lambar da ake buƙata don aiwatarwar ta.
Buttons
Una Makarantar maɓallin CSS na dukkan hanyoyi da ra'ayoyi don nemo wanda kuke buƙatar bambance kanku daga gasar. Daga labarun gefe za ku iya kashe siffofi ko tasirin da ba kwa son samu kuma don haka ku mai da hankali kan ɗayan musamman.
Tsakar Gida
Muna gabanin app wanda zai baka damar musaki wasu maɓalli ƙirƙirar ɗaya wanda shine ainihin abin da muke nema. Muna amfani da saitunan daban daban kuma a ƙarshe zamu iya sake ƙirƙirar lambar da za mu kwafa don gidan yanar gizon mu. Abubuwan ban sha'awa sosai don ƙwarewar sa da kuma babban salo.
Nunawa
Una CSS laburare ba tare da JavaScript ba kuma a shirye domin kayi amfani da shi yadda kake so. Arami a cikin girma, mai sauƙin amfani kuma yana aiki a cikin duk masu bincike na gidan yanar gizo na zamani.
Launuka.ss
Ga wanda ya nemi launi daga madaidaicin madadin kuma hakan yana ba da damar saurin samfura don yanar gizo tare da babban yanayin gani.
Voxels.css
Idan kun san Minecraft, wasan ginin, tabbas wannan ɗakin karatu na CSS yana da sauƙin ganewa. Juya yayin da muke latsawa a tsakiyar don zuwa samar da wutar lantarki.
Rubuta rubutu
Una tsarkakakken rubutu na CSS hur mai sauƙi cikakke don aikinku na gaba.
Spinners
Una babban tarin rayarwa na yin gumaka a CSS da HTML.
Alamar layin caji
Tsarkakakken rubutu a cikin CSS biyudon ɗaukar alamun alamun kowane nau'i. Babban tushe don samo abin da ya dace kuma mai nuna alama don rukunin gidan yanar gizonku.
Loader na CSS
Sauran font don lodin gumaka wanda za'a iya tsara shi don kowane nau'in rayarwa.
Tsayar Hoto
Una scalable CSS laburare da kuma ɗan nauyin hotuna don wannan ajin «hover».
Tsakar Gida
Tushen 49 gradients ko gratorealistic gradients ga kowane nau'in abun ciki da hotuna.
Sami kayan
Un Tsarin CSS dangane da Tsarin Kayan.
Kada ku rasa alƙawari tare da yanar gizo da aka gama sosai con hotunan svg.