js简单 图片版时钟，带翻转效果 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>时钟</title> <style type="text/css"> ul,li{ list-style: none; margin: 0; pa ...
分类：
Web程序 时间：
2017-01-06 12:58:33
阅读次数：
321
简介 运用css3先在平面空间组成立方体盒子，再让整个盒子翻转起来，先来张效果图： 步骤 1.先用css将6张图片摆成下图的样子： 下面就是通过css3的3D变换将每个面进行翻转，使之成为一个立体的盒子，代码如下： 其他几个面按照同样的方式进行翻转就行 2.为整个立方体添加动画 三维的盒子完成后，只 ...
分类：
Web程序 时间：
2016-12-14 11:44:02
阅读次数：
273
什么是切片 ？ （Photoshop中的切片） 切片：将图片切成几部分，一片一片往上传，这样上传的速度比较快。每个切片作为一个独立的文件传输，文件中包含切片自己的设置、颜色调板、链接、翻转效果及动画效果。 切片工具：主要是用来将大图片分解为几张小图片，这个功能用在网页中较多，因为现在的网页中图文并茂 ...
分类：
其他好文 时间：
2016-11-18 21:41:24
阅读次数：
149
一、CSS下兼容性的元素水平/垂直翻转实现 随着现代浏览器对CSS3的支持愈发完善，对于实现各个浏览器兼容的元素的水平翻转或是垂直翻转效果也就成为了可能。相关的CSS代码如下： /*水平翻转*/ .flipx { -moz-transform:scaleX(-1); -webkit-transfor ...
分类：
Web程序 时间：
2016-09-01 10:54:04
阅读次数：
157
使用CSS3实现酷炫的3D翻转效果，上代码： ...
分类：
其他好文 时间：
2016-07-19 18:24:11
阅读次数：
89
本文为H5EDU机构官方的HHTML5培训教程swiper教程。本次内容我们继续介绍swiper当中的翻页效果---3D翻转效果首先搭建swiper页面，设置CSS样式，为了观看效果，这一章依然在slide当中添加背景图片。<divclass="swiper-container">
<divclass="swiper-wrapper">
<d..
分类：
其他好文 时间：
2016-07-08 12:01:56
阅读次数：
152
最近学了妙味的css3的动画，2D,3D的都有，先写一个最简单的3d翻转效果，鼠标移入div，正反面翻转效果。 注意点有： <style>#box{ margin: 70px auto; width: 300px; height: 200px; //父级要加宽高，否则旋转基点会很离谱 transfo ...
分类：
Web程序 时间：
2016-06-26 10:16:49
阅读次数：
240
点击图片看翻转效果 html结构 样式 js ...
分类：
Web程序 时间：
2016-06-16 20:17:38
阅读次数：
203
UIView动画 改变UIView的frame: 改变UIView的颜色 改变UIView的透明度 UIView的翻转效果 UIView的旋转效果 CoreAnimation动画 Layer的一些常用属性 自定义Layer CABasicAnimation动画 CAKeyframeAnimation ...
分类：
移动开发 时间：
2016-06-02 18:13:11
阅读次数：
203
