After following, you can keep track of his dynamic information in a timely manner
Courses in the relevant section:CSS3 transition transition-duration property
設(shè)置多個屬性需要用逗號分隔,這個時間是和transition-property屬性設(shè)置的過渡屬性是一一對應(yīng)的。 對應(yīng)的腳本特性為transitionDuration。
2016-11-240個贊
Courses in the relevant section:CSS3 transition transition-timing-function property
transition-timing-function的值允許你根據(jù)時間的推進(jìn)去改變屬性值的變換速率,transition-timing-function有6個可能值
2016-11-240個贊
Courses in the relevant section:CSS3 transition transition-delay property
ransition-delay是用來指定一個動畫開始執(zhí)行的時間,也就是說當(dāng)改變元素屬性值后多長時間開始執(zhí)行transition效果,其取值:<time>為數(shù)值,單位為s(秒)或者ms(毫秒),其使用和transition-duration極其相似,也可以作用于所有元素,包括:before和:after偽元素。 默認(rèn)大小是"0",也就是變換立即執(zhí)行,沒有延遲
2016-11-240個贊
Courses in the relevant section:Introduction to CSS3 animation keyframes
使用transition屬性也能夠?qū)崿F(xiàn)過渡動畫效果,但是略顯粗糙,因?yàn)椴荒軌蚋鼮榫?xì)的控制動畫過程
2016-11-240個贊
Courses in the relevant section:CSS3 animation animation property
使用transition屬性可以實(shí)現(xiàn)動畫過渡效果,但是此屬性有個缺點(diǎn),那就是從初始值到終止值的過渡過程可控性很差,也就是說不能夠更為細(xì)致的控制動畫效果
2016-11-240個贊
Courses in the relevant section:CSS3 animation transition duration
animation-duration:<time> [ ,<time>]* time:規(guī)定動畫執(zhí)行的時長,單位是秒(s)。
2016-11-240個贊
Courses in the relevant section:CSS3 animation loop times
animation-iteration-count:infinite | <number> [ , infinite | <number> ]* infinite:規(guī)定動畫可以無限循環(huán)。 number:明確指定動畫循環(huán)的次數(shù)。
2016-11-240個贊
Courses in the relevant section:CSS3 animation direction
animation-direction:normal | alternate [ , normal | alternate ]* normal:動畫正常方向運(yùn)行 alternate:正常方向與反方向交替
2016-11-240個贊
Courses in the relevant section:Multi-column layout - Columns
column-count column-gap column-rule-style column-rule-width column-rule-color column-rule column-span column-width
2016-11-240個贊
Courses in the relevant section:css3 column-rule usage
column-rule屬性用來規(guī)定列與列之間的邊框樣式,有點(diǎn)類似于border屬性
2016-11-240個贊
Courses in the relevant section:css3 column-count usage
column-count: auto || num auto:默認(rèn)值,列的數(shù)目根據(jù)其他相關(guān)屬性確定 num:數(shù)值,用來規(guī)定列的數(shù)目
2016-11-240個贊
Courses in the relevant section:CSS3 column-span usage
column-span: none || all; none:默認(rèn)值,表示不跨越任何列 all:表示跨越所有的列
2016-11-240個贊
Courses in the relevant section:CSS3 column-width usage
column-width: auto|length; auto:默認(rèn)值,它的值有其他的相關(guān)屬性決定 length:規(guī)定列的寬度,比如100p
2016-11-240個贊
Courses in the relevant section:css3 column-gap usage
column-gap: normal | length normal:默認(rèn)值,默認(rèn)情況默認(rèn)值就是當(dāng)前字體大小 length:長度值,可以為px、em或者百分比等
2016-11-240個贊
Courses in the relevant section:CSS3 understands pseudo-class selectors
a:link{color:red;} a.title:link{color:blue;}
2016-11-240個贊