css3
-
js和CSS3实现卡牌旋转切换效果
这篇文章主要为大家详细介绍了js css3实现卡牌旋转切换效果，具有一定的参考价值，感兴趣的小伙伴们可以参考一下 我们经常会在游戏里看到一些几张卡牌左右切换的效果，中间的一张最突出醒目，向左或向右滑动可切换到另一张，今天我们就用CSS3来实现下这种效果。 我们先来看个demo，具体的样式各位可以自己…
-
如何利用CSS3实现3D翻书效果
这篇文章主要介绍了css3实现3d翻书效果，基于css3新属性animation及transform实现类似翻书效果，具有一定的参考价值，感兴趣的小伙伴们可以参考一下 先上效果图：（样式有点丑，可以忽略一下下，效果出来了就好，后期加到其他项目中方便更改0.0） 类似翻书效果，原本的意思是使用JS来控…
-
利用CSS3来匹配横屏竖屏的方法
这篇文章主要介绍了使用css3来匹配横屏竖屏的简单方法,主要使用到了css3中新加入的@media,需要的朋友可以参考下 写在同一个CSS中 @media screen and (orientation: portrait) { /*竖屏 css*/ } @media screen and (or…
-
用css3实现走马灯的效果
这篇文章主要介绍了纯css3实现走马灯效果，主要用到的css3技术有：keyframes、perspective、perspective-origin、transform（translate、rotate）、animation、transform-origin，有需要的小伙伴参考下 纯css3实现了…
-
利用Css3和Js制作时钟的代码
这篇文章主要介绍了关于利用Css3和Js制作时钟的代码，有着一定的参考价值，现在分享给大家，有需要的朋友可以参考一下 Css3+Js实现漂亮时钟，浏览器支持IE9/GoogleChrome/FireFox/Safari等等，感兴趣的朋友可以下载测试，希望对你学习css3有所帮助 Css3+Js 漂亮…
-
CSS3中线性颜色渐变的实现
这篇文章主要介绍了css3中线性颜色渐变的一些实现方法,包括分safari和chrome的webkit内核与firefox的gecko内核两种情况,需要的朋友可以参考下 为了显示一个渐变而专门制作一个图片的做法是不灵活的，而且很快会成为一种不好的做法。但是遗憾的是，截至写这篇文章，可能还必须这样做，…
-
利用CSS3实现的文字定时向上滚动
大家以前基本是用javascript来实现文字定时向上滚动的效果，那么今天给大家分享下利用css3来实现这一效果，有需要的可以参考学习。 话不多说，直接上实例代码 moveUp ul,li{ margin:0; padding:0; } li{ list-style:none; } .contain…
-
利用css3仿造window7的开始菜单
相当逼真，css3果然强悍。要留意的点依旧是哪几项，难点在于细节的微调，尤其是渐变背景的制作，css3中非常灵活，下次有机会，发篇css3渐变背景的详细教程。 相当逼真，css3果然强悍。友情提示：请勿在IE下浏览。来看下原作者的设计草图： 简明创建过程 第一步 ：创建如下菜单结构 @@##@…
-
IE下模拟css3中box-shadow的效果
这篇文章主要介绍了关于ie下模拟css3中box-shadow的效果，有着一定的参考价值，现在分享给大家，有需要的朋友可以参考一下 在ie下模拟css3中的box-shadow（阴影）可以使用ie的Shadow（阴影）滤镜来实现，需要注意的是该滤镜必须配合background属性一起使用，否则该滤镜…
-
关于CSS3网格的的解析
在这篇文章中，我们将来看一些css3新属性，从而用html和css处理网格的时候更容易。但首先让我们讨论一点html和css网格的历史，了解清楚为什么以前很困难 一、网格简史 曾几何时，我们的布局是一团糟。表格和框架是用于创建多列布局的主要工具。虽然他们能完成工作（但其实非常糟糕）。 把目光投向今天…
