CSS Master

(Primo) #1
height: 100%;
display: inline-block;
}

InternetExplorer 11 supportsanolderversionofthespecification,whichusesthe
snapIntervalfunction.Thelatestversionofthespecificationusesrepeat,butwith
aslightlydifferentsyntax.Inbothcases,theargumentpasseddeterminesthedistance
thescrollingelementshouldmovewhenscrolled.


As a specification, Scroll Snap Points is still in flux. Chromium and the browsers
that build on its code base are working to add support; however, we can―and
should―start experimenting with implementations now.


PartialsupportforScrollSnapPointsisavailableinInternetExplorer10+andMi-
crosoftEdge(withthe-ms-vendorprefix).Firefox39+supportsScrollSnapPoints,
butitmustbeenabled;propertiesdonotrequireaprefix.Fromtheabout:config
menu,searchforlayout.css.vertical-text.enabledandtoggleitsvaluetotrue.
ScrollSnapPointswillalsobeavailableinSafari 9 (witha-webkit-prefix),abeta
versionofwhichisavailablenow.ThefinalversionofSafari 9 mayormaynotbe
releasedbythetimethisbookispublished.


Blend Modes and CSS Filters


VisualeffectsisanotherareaofCSSwithsomeinterestingactivity.Asidefrom
transforms,therearetwospecificationstokeepaneyeon:Compositingand
BlendingLevel 18 andFilterEffectsModuleLevel1.^9


Blendmodesmakeitpossibletoblendbackgroundcolorsandimagesusingeffects
commonlyfoundingraphicssoftwaresuchasPhotoshop.Definedmodesinclude
multiply,screen,overlay,andcolor-dodge.Wecanusetheseblendmodesto
combinelayeredelementsandbackgrounds,asshowninFigure10.5.


(^8) https://drafts.fxtf.org/compositing-1/
(^9) http://www.w3.org/TR/filter-effects/
Conclusion 359

Free download pdf