求助!怎么样用纯CSS3做出邮票的那种效果?

html-css015

求助!怎么样用纯CSS3做出邮票的那种效果?,第1张

当然,如果你不介意用一点图片的话,完全可以用CSS3 的边框图片来做,…………不过IE9不支持,这样写:border-image:url('Images/border.png') 30 30 round

css3功能还是相当强大的,但是因为兼容性的问题,可能会导致部分IE浏览器不兼容。(IE678的滚蛋)

css3最常用的是:

transiform

放大缩小scale(X)X是倍数,大于1就放大。

倾斜rotate(Xdeg)X是角度

拉伸skew(Xdeg)X角度。

@keyframe    自定义动画,分帧调整动画。

transition:all 0.5s ease

过渡动画效果。(例:整体效果    0.5s完成      方式匀速)

这几种是常用的css3动画效果

transition-property:width设定这个值以后,只有宽度会有过渡效果,用来对比的高度则不会有过渡,控制scale也是一样,transition-property:transform 就行