Learje hoe't jo effisjint effekt fluch en maklik taheakje mei CSS3

Foegje in glêd ta oan in web-side-elemint foar belang

In sêft bûtenlucht tafoegje oan in elemint op jo webside feroarsake it elemint om te sjen nei de besiker. Brûk CSS3 en HTML om de bûtenkant fan in wichtich objekt in glâns te tapassen. It effekt is fergelykber mei in bûten ljocht dat oan in objekt tafoege yn Photoshop.

Eerstje it elemint oan te ljochtsjen

Glêzen-effekten kinne op elke kleur eftergrûn dien wurde, mar se sjogge it bêste op tsjustere eftergrûnen, om't de glâns likernôch skitterje. Yn dit rjochthoekich rjochthoekich foarbyld fan in DIV wurdt in DIV-elemint pleatst yn in oar DIV-elemint mei in swarte eftergrûn. De bûtendiv DIV is net nedich foar it glâns, mar it is swier om de glâns op in wyt eftergrûn te sjen.

Jou de DIV in klasse fan ljocht:


Set de grutte en kleur fan it elemint

Nei it kiezen fan it elemint dat jo mei in glânzich skilderje, kinne jo foarkomme en tafoegje wat stilen jo wolle, lykas eftergrûnkleur, grutte en lettertypen. Dit foarbyld is in blauwe rjochthoek; de grutte wurdt op 147px setten troch 90px; en de eftergrûnkleur stiet op # 1f5afe, in keninklik blau. It befettet in marzje om it elemint yn 'e midden fan it swarte container elemint te pleatsen.