Tinye mmetụ na Ihe Weebụ Weebụ maka Mmegide
Mgbu na-egbukepụ n'anwụ na-agbakwunye na mmemme na ibe weebụ gị na-eme ka mmepụta ahụ pụta ìhè na onye na-ekiri. Jiri CSS3 na HTML mee ihe na-egbuke egbuke n'èzí nke ihe dị mkpa. Mmetụta yiri nke na-egbukepụ ọkụ na-agbakwunye ihe na Photoshop.
Mbụ Mepụta Mkpụrụ ahụ ka Ọkụ
Enwere ike ime ihe ọ bụla na agba ọ bụla, mana ha na-ele anya na ọdịda dị jụụ n'ihi na mgbe ahụ ọkụ na-eyi ka ọ na-emekwuwanye. N'ihe atụ igbe a dị n'akụkụ akụkụ anọ a, a na-etinye ihe dị na DIV ọzọ na mbido ojii. Ọdịdị elu nke dị n'elu abụghị ihe dị mkpa maka ọkụ, ma ọ na-esiri ike ịhụ ọkụ na-acha ọcha.
Nye DIV otu klas nke ọkụ:
Tọọ Size na Agba nke Element
Mgbe ịchọtara ihe ị ga-eji ejiji na-egbuke egbuke, gaa n'ihu ma tinye ụdị ọ bụla ị chọrọ ya, dị ka ụda ndabere, nha, na ụda. Ihe atụ a bụ agba anụnụ anụnụ; a na-etinye ogo ya na 147px site na 90px; na agba agba na-edozi na # 1f5afe, blue blue. Ọ na-agụnye akụkụ iji mee ka mmewere ahụ dị n'etiti etiti akpa.
<ịke>
.glow {n'akụkụ: akpaaka;
n'obosara: 147px;
ịdị elu: 90px;
agba-acha: # 1f5afe;
}
Gburugburu Ebe
Ịmepụta ntanetị na akụkụ gbara gburugburu dị mfe na CSS3. Gbakwunye ụdị ihe eji ederede ókè-ala na mpaghara ọkụ gị. Naanị cheta na ị na-eji ihe -obodo-na -moz-prefixes maka njikọ kachasị elu.
-agbanye mgbanaka-bandkit: 15px;
-moz-border-radius: 15px;
radius ókè-ala: 15px;
Tinye mmetụ na udi igbe
A na-eji ọkụ na -eme onyinyo ya. Ebe ọ bụ na ịchọrọ ka ọ bụrụ ihe niile dị na ya ma ọ bụghị ọrụ, ọpụpụ nke otu akụkụ dị ka onyinyo, ị na-esetịpụ ogologo nkwụsị na 0px. N'ihe atụ a, a na-edozi mgbidi ahụ na 15px na mgbasa nke ọgbụgba ahụ bụ 5px, ma ị nwere ike ịbanye na ntọala ndị ahụ iji chọpụta otú oke na mgbasa na ịchọrọ ka ọkụ dị. Agba rgb (255,255,190) bụ agba odo na nghọta RGBa alpha ka ọ bụrụ pasent 75 rg (255,255,190, .75). Họrọ ụcha ọkụ nke na-arụ ọrụ kacha mma maka ọrụ gị. Dị ka ị ga-atụgharị n'akụkụ, echefula iji iji ihe nchọgharị (-webkit- na -moz-) maka ihe kacha mma.
-obodo mkpuchi-onyinyo: 0px 0px 15px 5px rgba (255, 255, 190, .75);
-moz-box-shadow: 0px 0px 15px 5px rgba (255, 255, 190, .75);
igbe-onyinyo: 0px 0px 15px 5px rgba (255, 255, 190, .75);
Nwale igbe nke na-egbuke egbuke
Nwale igbe na-egbuke egbuke na otu ma ọ bụ karịa nchọgharị ma mee mgbanwe ọ bụla dị mkpa iji nye mmetụ nke na-arụ ọrụ kacha mma maka ibe weebụ gị.