码迷,mamicode.com
首页 >  
搜索关键字:css3的 transform属性    ( 1668个结果
漂亮的圆角文本框 CSS3实现
进入人人小站发现了个挺好看的文本框,圆角的,原来是利用了CSS3的效果,不过暂时只有IE9 和FF浏览器支持。
分类:Web程序   时间:2014-12-15 18:46:28    阅读次数:150
一款基于jQuery带事件记录的日历插件
之前我们也已经分享过不少jQuery日历插件,有些应用了CSS3的特性,外观就特别漂亮。今天要分享的这款jQuery日历插件不仅有着绚丽的外观,而且带有日期事件记录功能,点击日期即可展开事件记录窗口,你可以设置事件的描述以及提醒的时间,是一款相对实用的jQuery日历插件。 在线预览   源码下载 接下来我们一起来看看实现这款jQuery带事件记录功能的日历插件的实现过程及源码...
分类:Web程序   时间:2014-12-15 13:45:58    阅读次数:193
一款基于jQuery带事件记录的日历插件
之前我们也已经分享过不少jQuery日历插件,有些应用了CSS3的特性,外观就特别漂亮。今天要分享的这款jQuery日历插件不仅有着绚丽的外观,而且带有日期事件记录功能,点击日期即可展开事件记录窗口,你可以设置事件的描述以及提醒的时间,是一款相对实用的jQuery日历插件。在线预览源码下载接下来我们...
分类:Web程序   时间:2014-12-15 13:28:08    阅读次数:225
一款jquery和css3实现的卡通人物动画特效
之前为大家分享了很多jquery和css3的动画实例。今天给大家带来一款非常炫的jquery和css3实现的卡通人物动画特效。效果图如下:在线预览源码下载实现的代码。html代码: ...
分类:Web程序   时间:2014-12-12 11:22:54    阅读次数:270
利用javascript实现在圆周上匀速划动的动画效果
先看下效果: 圆心下的那个那个白圈的位置是光圈的起始位置,光圈所在的位置为终点位置。光圈从起始位置开始,沿着圆的轮廓匀速到终点位置。在支持css3的情况下,可以利用css3做旋转效果来达到这种效果。具体思路为:1)将光圈相对于圆进行绝对定位,设置光圈的绝对位置为上面所说的终点位置;2)对圆设置...
分类:编程语言   时间:2014-12-10 19:29:04    阅读次数:230
10 款激发灵感的 HTML5/CSS3 应用
在HTML5家族中,CSS3无疑是一名举足轻重的家庭成员。我们可以利用CSS3的各种特性来完成非常炫酷实用的HTML5应用插件,方便前端开发者快速实现需要的功能。今天分享的10款最新HTML5 CSS3应用也许能激发你的灵感。1、HTML5环形音乐播放器,播放器外观非常酷今天我要分享一款外观更酷的H...
分类:Web程序   时间:2014-12-10 14:00:07    阅读次数:143
amaze UI 笔记 - CSS
一、基本样式1.统一样式 说明了为什么使用Normalize,而不是Rest。2.基础设置 a.css和模型 其实就是讲了一个CSS3的新属性:box-sizing。作为一个技术不到位的人,真没看懂。自己查了下如下: box-sizing的3种属性取一即可 box-sizing:content-bo...
分类:Web程序   时间:2014-12-09 13:53:42    阅读次数:310
ie兼容小知识点
1.ie的滤镜特别针对ie使用css3的使用 (1)从css3渐变:filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#f2f2f2,endcolorstr=#fefefc,gradientType=0); //...
分类:其他好文   时间:2014-12-05 18:46:19    阅读次数:165
CSS3 Media Queries 实现响应式设计
在 CSS2 中,你可以为不同的媒介设备(如屏幕、打印机)指定专用的样式表,而现在借助CSS3的 Media Queries 特性,可以更为有效的实现这个功能。你可以为媒介类型添加某些条件,检测设备并采用不同的样式表。 例如,你可以把用于大屏幕上显示的样式和用于移动设备的专用样式放在一个样式文...
分类:Web程序   时间:2014-12-05 12:13:39    阅读次数:217
css3的基础用法,新手必看哈(还有css3和jquery动画的对比)
第一步: 定义动画,名字可以各种起,就像方法名一样 1. 定义动画,名称为fadeIn @-webkit-keyframes fadeIn { 0% { opacity: 0; /*初始状态 透明度为0*/ } 50% { opacity: 0; /*中间状态 透明度为0*/ } 100% { opacity: 1; /*结尾状态 透明度为1*/ } } 方法里面还...
分类:Web程序   时间:2014-12-04 18:11:07    阅读次数:220
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!