Yongeza ukukhanya kwi-Web Page Element for Stress
I-soft soft out of add item to your web page yenza ukuba iqela limelele kumbukeli. Sebenzisa i- CSS3 kunye ne-HTML ukuze usebenzise ukukhanya okujikeleze umda wezinto ezibalulekileyo. Isiphumo sifana nokukhanya kwangaphandle kwongezwe into e-Photoshop.
Okokuqala Yakha i-Element ukukhanya
Imiphumo emihle ingenziwa nakweyiphi imvelaphi yombala, kodwa ikhangeleka ngokusemgangathweni kwimimango emnyama ngenxa yoko ukukhanya kubonakala kukubangela ngaphezulu. Kwisi sibonelo sebhokisi esinxantathu sekhoneni, isici se-DIV sifakwa kwenye into ye-DIV enemvelaphi emnyama. I-DIV yangaphandle ayikho imfuneko yokukhanya, kodwa kunzima ukubona ukukhanya kwimvelaphi emhlophe.
Nika iDIV iklasi yokukhanya:
Beka ubukhulu kunye nombala we-Element
Emva kokuba ukhethe into oyifakayo uyayifakezela ukukhanya, qhubeka uye wongeza nayiphi na izitayela ozifunayo, ezifana nombala wesiqalo, ubungakanani, kunye nefonti. Lo mzekelo ngumxube ohlaza okwesibhakabhaka; ubukhulu bubekwe kwi-147px nge 90px; kwaye umbala wesiqendu usetshelwe kwi # 1f5afe, i-blue blue. Iquka umda wokubeka umgangatho phakathi kwendidi yombhobho omnyama.
.hlisela {
umgama: auto;
ububanzi: 147px;
ukuphakama: 90px;
umbala wangemuva: # 1f5afe;
}
isitayela>
Ujikeleze iConers
Ukudala ixande kunye neekona ezijikelezayo kulula ngeCSS3. Yongeza isakhiwo somda we-radius kwisikolo sakho sokukhanya. Khawukhumbule ukusebenzisa i--bbkit-and -moz-prefixes malunga nokuhambelana okuphezulu.
-bb-border-radius: 15px;
-mz-edge-radius: 15px;
umda we-border: 15px;
Yongeza ukukhanya ngebhokisi le-Shadow
Ukukhazimla ngokwayo kudalwa ngebhokisi yesithunzi. Ngenxa yokuba ufuna ukuyifaka yonke into kwaye ungayi kucwangcisa ukucima enye icala njengethunzi, ubeka ubude obude kunye nobude kwi-0px. Kulo mzekelo, i-radius ye-blur isetyenziswe kwi-15px kwaye ukusasazeka kwe-blur ngu-5px, kodwa unokubamba ngezocwangciso ukucacisa ukuba ububanzi bunjani kwaye buya kufana nokufuna ukukhanya. Umbala rgb (255,255,190) ngumbala ophuzi kunye ne-RGBa e-transparency ye-alpha ibekwe kuma-75 ekhulwini-rgba (255,255,190, .75). Khetha umbala okhanyayo osebenza kakuhle kwiprojekthi yakho. Njengoko ngokujikeleza iikona, musa ukulibala ukusebenzisa i-prefixes ye-browser (-webkit- na -moz-) ukuze ihambelane kakuhle.
-blog-box-shadow: 0px 0px 15px 5px rgba (255, 255, 190, .75);
-moz-bhokisi-isithunzi: 0px 0px 15px 5px rgba (255, 255, 190, .75);
ibhokisi-shadow: 0px 0px 15px 5px rgba (255, 255, 190, .75);
Hlola ibhokisi elikhazimulayo
Hlola ibhokisi elikhanyayo kwisiphequluli esinye okanye ngaphezulu kwaye wenze nayiphi na inguqu efunekayo ukuze unike umphumo okhanyayo osebenza kakuhle kwiphepha lakho lewebhu.