Huang_Qi_Yi的博客

今天与大家来分享一下我做的css3动画案例。效果图：HTML布局：非常简单，只需要给一个div标签然后再给它设置样式CSS布局：给div设置宽度高度，定时，随着时间的改变而改变颜色

效果图：HTML布局：CSS布局：

今天与大家来分享一下我做的css3动画案例。　　在展示我的案例之前先给大家说说实现这个案例所需要的一些属性。　　transform 属性允许我们对元素进行旋转、缩放、移动或倾斜。　　通过 CSS3 2D转换，我们能够对元素进行移动、缩放、转动、拉长或拉伸。　　 translate()===>移动translate()方法，根据左(X轴)和顶部(Y轴)位置给定的参数，从当前元素位置移动。　　　　translate分为三种情况：　　　　　　1、translate(x,y)水平方向和垂直方向同

预览：1. 首先html和css的布局样式2. 接着js的代码，首先我们得有个逻辑：1.点击开始触发定时器。2.定时器内部，随机一个数，通过这个数来获取奖品所在的元素。3.必须设置一个时间点，停止定时器。...

1. 首先创建两个按钮，使按钮居中，圆角，渐变等2. 接着获取按钮元素，遍历出每个a标签，mousedown鼠标点击接着给它一个回调function（e）对象，然后设置一个span元素，接着运算这个span的坐标，因为它是点击哪就以哪为中心扩散的，所以这个坐标是随着你点击的位置进行改变的。我们只要获取到当前点击的坐标和当前元素距离界面窗口的一个位置进行运算就能得到一个最合适的坐标5.最后span的样式，transform：translate（-50%，-50%）是让它每次点击都是居中展开。..

预览：1. 首先是html的布局。分别给人名前面加个input的勾选框，然后分别给全选、全不选和反选一个button按钮。2. 接着就是js部分，首先我们先获取到input和button。3. 选中第一个button，然后给个for循环，点击全选时全部选中。这时checked结果为true。4. 接着选中第二个button反选按钮，for循环，这时checked结果为5. 最后就是反选，让checked结果相反取反...

支付10秒倒计时链接页面跳转首先创建两个html页面，分别是支付页面和倒计时页面。我们先完成支付页面的布局。下面是是div样式。接着是css的样式。接着是js的样式。先获取到第二button按钮也就是支付的那个按钮，再然后设一个确认框。当用户点击支付按钮的时候就会弹出一个确认框。接下来就是当用户点击确认的时候要进行页面的跳转。location是一个对象，对象下面有一个属性，你想要跳转到哪个链接，复制粘贴上去就可以了。以为我们是要跳转到倒计时页面，所以就把倒计时页面的链接复制上去。接..