- 博客(4)
- 资源 (1)
- 收藏
- 关注
原创 学习CSS3 3D转换,制作一个3D立方体
要想实现3D的效果,其实非常简单,只需指定一个元素为容器并设置transform-style:preserve-3d,那么它的后代元素便会有3D效果。不过有很多需要注意的地方,这里把我学习的方法,过程分享给大家。再讲知识点之前,还是先弄清楚3D的坐标系吧,从网上搜了一张经典坐标系图,供大家回顾一下。1. 3D视图 transform-style:flat(默认,二维效果)/preserv
2016-10-26 16:28:27 5978
原创 CSS 面包屑导航栏
先看一下效果图 1.首先写好HTML代码<ul> <li><a href="#">Home</a></li> <li><a href="#">About</a></li> <li><a href="#">Info</a></li> <li><a href="#">Contact</a></li></ul>这里只是写一个例子,为了方便就不添加id和class,直接为
2016-10-25 10:13:12 2607
原创 bootstrap中popover.js(弹出框)使用总结+案例
bootstrap中popover(弹出框)使用总结+案例bootstrap的官方文档(不过是英文的)一. popover常用配置参数://常用配置参数:$(document).ready(function() { $('#temp').popover( { trigger:'click', //触发方式 template:
2016-10-18 12:06:27 28755 1
原创 CSS3 几步即可实现loading动画效果
例子1:菊花状的Loading效果1.第一步画出静态的小菊花。 sk-fading-circle { width: 40px; height: 40px; position: relative;}.sk-fading-circle .sk-circle { width: 100%; height: 100%; position: absolute; left: 0;
2016-10-08 18:14:51 5788
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人