18 Verbluffende effecten die u kunt maken met CSS3 Box Shadows

We kunnen veel dingen met CSS doen, zoals bouwmodaliteiten, prachtige teksteffecten maken, een Viking-schild tekenen en zelfs een hartvorm creëren. Er is ook genoeg dat we kunnen doen met CSS3 Box Shadows, en in deze post gaan we bekijken hoe sommige ontwerpers spelen met CSS-schaduwen tot enkele geweldige resultaten .

In deze lijst ziet u CSS-schaduwen die worden gebruikt bij het maken van tikkende items, 3D-effecten op tekst, pixelillustraties, eenvoudige animaties en meer. Bekijk de portefeuilles van de ontwerpers om meer van hetzelfde werk te bekijken. Weet je nog van andere geweldige toepassingen van CSS Shadows? Laat het ons weten in de comments.

Squishy Schakelknop Door soulwire

Long Shadow van Roikles

Flat Long Shadow van Hugo

Ovale doosschaduw door Jcorpus

Collision Balls van Abderrahmane

257 in 3D By Creme

Apple Store-pictogram door Joshbader

Vak schaduw verloop voor spookknop door Akwright

Batman Gemaakt met CSS box shadow door Nickmblain

Frosty Beer door Nickmblain

3D-tekst door Zitrusfrisch

Geanimeerde tekstschaduw door Carpenumidium

Transformeer tekst met schaduw Door Chriseisenbraun

Verbazingwekkende gelaagde vormen door Snhasani

Seconden counter Door martingrand

Geanimeerd patroon gemaakt met schaduw Door yoksel

Kleurenspectrum door jaicab

Rainbow circle Door colin

WiFi-wachtwoorden van luchthavens over de hele wereld - daar is een kaart voor

Als u veel reist, is een van de pijnpunten van de reis de beschikbaarheid van internettoegang. Voor de meesten van ons gaan we terug naar de luchthaven WiFi voor onze dringende behoeften, tenminste totdat we een alternatief op onze bestemming kunnen beveiligen. Ik ben er zeker van dat u begrijpt dat er een kaart nodig is met alle wachtwoorden voor WiFi-toegang op de luchthaven over de hele wereld

(Technische en ontwerptips)

Analyseer elke website codes met CSS Dig Chrome Extension

Er is veel wat u kunt doen met Chrome DevTools van het bewerken van live websites tot het bestuderen van gedetailleerde HTTP-aanvragen. Maar de mogelijkheid om CSS-patronen te analyseren, wordt niet ingebakken in de console.Met CSS Dig kunt u alle CSS-selecteurs, specificiteit en unieke eigenschappen van elke webpagina rechtstreeks vanuit Chrome analyseren

(Technische en ontwerptips)