CSS3实现气泡特效(CSS2D、3D等)

之前用到过部分功能,今天把慕课网这个教程又重新敲了遍。 Github源代码:https://github.com/zxhycxq/mooc-ToolTips 需要注意的几个地方 1.字体库的使用: @font-face:路径。bootstrap自带有,但是对于其他的图标没怎么注意过,还有loading图标,可以考虑使用。 2.写属性的时候考虑后续扩展性:X/Y/Z轴,transform-origin 写成百分比。 3.几个动画旋转,设置旋转中心。 4.transform :多个属性过渡的写法...

CSS3动画之animation

    CSS3动画属性 animation-name 属性为 @keyframes 动画规定名称,这个名称前后要一致。   可简写如:animation: myfirst 5s linear 2s infinite alternate; 注意事项: 百分比为0的时候不可少“%”符号。 对于@keyframes的支持,不同浏览器的前缀位置。例子:@-o-keyframes 。 @keyframes中的帧顺序是根据百分比值来确定的,与声明并无关。 动画中设置的属性不会产生叠加效果。 例子: JS ...