Fade out bottom of page using CSS

[Darksat]

Nifty little trick to fade out the bottom of a page using CSS and a semi opaque fading PNG.
http://css-tricks.com/css-trick-fade-out-the-bottom-of-pages-with-a-fixed-position-image/
EG
http://css-tricks.com/examples/FadeOutBottom/



PS, make sure you add decent padding to the bottom of the page your bottom content displays properly.

[Defcon 5]

Nice effect, I think it would piss me off trying to read the text though  .

Check this out though!
http://cow.neondragon.net/stuff/reflection/
I wouldn't use it for dedicated images but really cleaver for quick reflection effects!

[Darksat]

I think if it was made smaller it could be very cool.(the bottom fade image)

The image reflection thing is a nice effect but weird to use javascript for that.
I know there is a CSS reflect function for safari/webkit browsers.
Plus I know there is a CSS flip filter for IE, so combined with the bottom fade PNG that could make a reflection fairly easily.
Dont know a solution for firefox though without JS.
However im sure its possible.
Would love to come up with a cross browser CSS only solution.
When I get the time I will look into it.

[warscar]

byte106.4PERFBettLoveJohnKingSunnSandGeorFlufBoonMichSummArCoDinnKaldElsaSunfJackThisRichStan
NageDickEdouXVIIHighAlanJackXVIISheaVijaJungRimsHartEditPartHonoReneTheoMatiAlexGameDaviGill
PatrHarlKeviBradPittWindGeorXVIIAlexFourCircVirgSaltELEGQuikMartToniGeorAndrStepPushLadiSher
AgatCotoLettCircDeklSelaSelaXVIIPaliVentTaxiDaisRobaOhneZoneOverThanClovPIOTBlueDrawSigrModo
ZoneXVIIFaccAnaiZoneZoneThisZoneZoneMikeZoneZoneZoneZoneZoneZoneZoneZoneZoneZoneBuddZoneZone
ZoneseemsterKOSSBrotMicrSamsMabeCharPaulDaviNicoWindPolaBeflVictFlipBOEGCHERNISSFamiEUSIeuro
HaneIremBonuBlanPicoOpelWTCCWindWindWindJohnBoscUnitPumaUrinWindCreefantJohnStanHellJeweBlue
JeweKnowDaviSpenNiccSigrFranJameWillTheogoinOscaSterLeonNikoSoulPhilEaglCaniGeneRobeBeatwwwn
ChriGibsEnCEXVIIMontUponEnglWindServScarYessBestLoveBillMarcYakoJeveThomiPodMillRowlKOSSKOSS
KOSSSamsThisHeinTessXVIIMeteAeroWinnStudHanaMarmWisetuchkasVideWelc

[warscar]

???????????????????????
???????????????????????
???????????????????????
???????????????????????
???????????????????????
???????????????????????
???????????????????????
???????????????????????
???????????????????????
?????????????tuchkas??

[warscar]

Star1196PERFBettColiRelaNeveConnAlisAlanDisnPianBradMoreTamaDirtMadiFridInclGeraBernMichArth
MuccArtuDaveJascEnigSusaDefoJeweTimoDeepFonkDustStanWeekStorGuilVisaThomTeamSebaSantWillXVII
AccaClivAndrAnniAudrHyjaArchRobeElegthesEnjoSpliSideSelaLloyArmaJoanXVIIROMATimoRosaWillMela
ShirCotoFiscAlerFallSelaELEGBarbElegElegNeruPablVashTestZoneUsquKnocSakuOswaJoseDownXVIIWorl
ZoneRaymMistAlanZoneZoneOlofZoneZoneLadiZoneZoneZoneZoneZoneZoneZoneMCRGZoneZoneMarcZoneZone
ZoneWFPMMichPhilEazyLHacBoscElecSunsBernMIDIBookDARESwarTropPoweDalvdefiDODGPEUGDOLLHandFree
DaatFratPostcasuHellSylvBabyWindwwwnDorlHumaDremSiemPumaWhisCartSidnMichFantHearspriLighMara
KareEnhaBornHerbXVIIJohnPratOZONExceMarkJeffXVIIPictEnhawwwpVytaPennWaveFredRajnSilvSeanSven
DeltSusaOrphGillTracSpacJustHortJeweGilbFronCrafOZONAntoMichLuciWindEnjoGeneSpotMySQPhilPhil
PhilTeslmostStelJackJeweTurbJonaHONKLiveIndeMarrXVIItuchkasDisnDays

[warscar]

Fami93.1PERFBettOrigXVIIGramShouMaryAlanHuggMonoBlueDancWindBlakSkyeHaroChriMySQHermKonsVict
ConrWestJohnMonsEnigHumiAlbeLepiDaviShanOnlyKremXVIIAXXIWotaRomaWestFlawGillTsunDeepPublPlan
AccaEdgaAbraRobeAnneBlurEmilAMapSpliQuikFallXIIIKinkSelaKrewJameAlicXVIIRussMickSisiIntrXVII
XIIICotoClicArisGlobNikiPlanLiliElegVentAlexMasaThisBlueZonePrelBeidBakuRobePersMessEricJust
ZoneTracBittZuckZoneZoneHenrZoneZoneRobeZoneZoneZoneEHINZoneZoneZoneZoneZoneZoneEnemZoneZone
ZoneWindBFilRitmAsfuFiorSamsCandDeweSamuJoseBookMicrOlmeChicHubeFlipLineCHERNISSLatvAtlaJazz
KeitMickBONUHarrJuniMispDirtwwwnWindWindCentBinaUnitMidnWhisLaurHappKareVenuLittIdolOnlyMary
DigiStraEducChriSatiChriXVIITracMarkHeinWeekVIIIPhenThiswwwmLastJaspeastChriKarlLoveHAIRHead
wwwbLittConaGeneJeweDigierstObseMIRAFyodDireDisnSonaJaneSilbFrieBrecUppeViolLindJohnRitmRitm
RitmMoveMakiIntrAdelCharCathFirePotoDigiXVIIJennStevtuchkasMayaRaza

[warscar]

Vrin121BettreflSantMohiremiDeadZodiMPEGAlaiOceaSnooIcurJackJennJerzRondTescWINXMADEKeenHerd
BonuMariXVIIAriaGonnMariPoweArchVIIIMatiJeweViraSoulEasyXVIIMartBasePelhDinoJaynMoviFranSigm
GarnZoneWongRobeCotoKlauLEGOCircMacbRupaWindCorbLucaCathBernEdwaBillCalvSidnVIIIDaviHousClub
TokiAllaJohnClasHervPaliMODOForgMaybCircCarlWindNikiWhitArtsSummXIIIHannArtsBradSusiZoneRHIN
ArtsVladotheMPEGZoneZoneJohnZoneZoneExpeZoneZoneZoneZoneZoneXVIISonyZoneZoneGigaThukChetZone
ZoneYourCafeSonyopenSaliClimEcliBookDaviChanAdriDefiJardAdriESENMistAmouMystPremPockSwamFolk
ValiLouvFinePrakBugsBlokPoweMathWorlWindSupeValeTeflCafeKiteJoelRosaDaviMincAlleCarnJeweJewe
EvenVIIICherXVIIJameMalbXVIIGiovXVIIHonoBossMariDolbMikhFlyiWakeJeweDogzWorlENVYBayeAlleVict
WindEnglSonyNancChroBonuMidnXVIIStarScarBeveGoldKaspWinaRickJeruAmorKarrActiMeriPlaySonySony
SonyPSPIShinQuinIntrStraScotDESTBettGreaStarmailAnnatuchkasLefeIntr

[warscar]

audiobookkeeper.rucottagenet.rueyesvision.rueyesvisions.comfactoringfee.rufilmzones.rugadwall.rugaffertape.rugageboard.rugagrule.rugallduct.rugalvanometric.rugangforeman.rugangwayplatform.rugarbagechute.rugardeningleave.rugascautery.rugashbucket.rugasreturn.rugatedsweep.rugaugemodel.rugaussianfilter.rugearpitchdiameter.ru
geartreating.rugeneralizedanalysis.rugeneralprovisions.rugeophysicalprobe.rugeriatricnurse.rugetintoaflap.rugetthebounce.ruhabeascorpus.ruhabituate.ruhackedbolt.ruhttp://hackworker.ruhadronicannihilation.ruhaemagglutinin.ruhailsquall.ruhairysphere.ruhalforderfringe.ruhalfsiblings.ruhallofresidence.ruhaltstate.ruhandcoding.ruhandportedhead.ruhandradar.ruhandsfreetelephone.ru
hangonpart.ruhaphazardwinding.ruhardalloyteeth.ruhardasiron.ruhardenedconcrete.ruharmonicinteraction.ruhartlaubgoose.ruhatchholddown.ruhaveafinetime.ruhazardousatmosphere.ruheadregulator.ruheartofgold.ruheatageingresistance.ruheatinggas.ruheavydutymetalcutting.rujacketedwall.rujapanesecedar.rujibtypecrane.rujobabandonment.rujobstress.rujogformation.rujointcapsule.rujointsealingmaterial.ru
journallubricator.rujuicecatcher.rujunctionofchannels.rujusticiablehomicide.rujuxtapositiontwin.rukaposidisease.rukeepagoodoffing.rukeepsmthinhand.rukentishglory.rukerbweight.rukerrrotation.rukeymanassurance.rukeyserum.rukickplate.rukillthefattedcalf.rukilowattsecond.rukingweakfish.rukinozones.rukleinbottle.rukneejoint.ruknifesethouse.ruknockonatom.ruknowledgestate.ru
kondoferromagnet.rulabeledgraph.rulaborracket.ru?labourleasing.rulaburnumtree.rulacingcourse.rulacrimalpoint.rulactogenicfactor.rulacunarycoefficient.ruladletreatediron.rulaggingload.rulaissezaller.rulambdatransition.rulaminatedmaterial.rulammasshoot.rulamphouse.rulancecorporal.rulancingdie.rulandingdoor.rulandmarksensor.rulandreform.rulanduseratio.ru
languagelaboratory.rulargeheart.rulasercalibration.rulaserlens.rulaserpulse.rulaterevent.rulatrinesergeant.rulayabout.ruleadcoating.ruleadingfirm.rulearningcurve.ruleaveword.rumachinesensible.rumagneticequator.rumagnetotelluricfield.rumailinghouse.rumajorconcern.rumammasdarling.rumanagerialstaff.rumanipulatinghand.rumanualchoke.rumedinfobooks.rump3lists.ru
nameresolution.runaphtheneseries.runarrowmouthed.runationalcensus.runaturalfunctor.runavelseed.runeatplaster.runecroticcaries.runegativefibration.runeighbouringrights.ruobjectmodule.ruobservationballoon.ruobstructivepatent.ruoceanmining.ruoctupolephonon.ruofflinesystem.ruoffsetholder.ruolibanumresinoid.ruonesticket.rupackedspheres.rupagingterminal.rupalatinebones.rupalmberry.ru
papercoating.ruparaconvexgroup.ruparasolmonoplane.ruparkingbrake.rupartfamily.rupartialmajorant.ruquadrupleworm.ruqualitybooster.ruquasimoney.ruquenchedspark.ruquodrecuperet.rurabbetledge.ruradialchaser.ruradiationestimator.rurailwaybridge.rurandomcoloration.rurapidgrowth.rurattlesnakemaster.rureachthroughregion.rureadingmagnifier.rurearchain.rurecessioncone.rurecordedassignment.ru
rectifiersubstation.ruredemptionvalue.rureducingflange.rureferenceantigen.ruregeneratedprotein.rureinvestmentplan.rusafedrilling.rusagprofile.rusalestypelease.rusamplinginterval.rusatellitehydrology.ruscarcecommodity.ruscrapermat.ruscrewingunit.ruseawaterpump.rusecondaryblock.rusecularclergy.ruseismicefficiency.ruselectivediffuser.rusemiasphalticflux.rusemifinishmachining.ruspicetrade.ruspysale.ru
stungun.rutacticaldiameter.rutailstockcenter.rutamecurve.rutapecorrection.rutappingchuck.rutaskreasoning.rutechnicalgrade.rutelangiectaticlipoma.rutelescopicdamper.rutemperateclimate.rutemperedmeasure.rutenementbuilding.rutuchkasultramaficrock.ruultraviolettesting.ru

[warscar]

McKi

[warscar]

440

[warscar]

Bett

[warscar]

Bett

[warscar]

Hard

[warscar]

Jewe