搜索 "CSS3"-Web前端之家

基于jQuery和CSS3制作数字时钟附源码下载(jquery篇)

2017年01月29日

废话不多说了，先给大家展示下效果图，感兴趣的朋友继续往下看哦查看演示源码下载HTML和上一篇文章：使用jQuery和CSS3制作数字时钟(CSS3篇)一样的HTML结构，只是多了个>date用来展示...

jquery+CSS3问卷答题卡翻页动画效果示例

2017年01月28日

CSS3+jQuery制作立体翻页时间展示动画特效。该翻页插件的外观非常华丽喜庆,非常适合产品活动或者育儿网站使用。这个选项调查的特效以选项卡的形式，每答完一道题目自动切换到下一条，颇具特色。使用jQuery和CSS3，适合HTML5浏览器。代码如下：<!D...

jquery+CSS3实现淘宝移动网页菜单效果

2017年01月25日

本文实例讲述了jquery+CSS3实现淘宝移动网页菜单效果。分享给大家供大家参考。具体如下：这是一款基于jquery+CSS3实现的淘宝移动网页菜单，其实这个菜单动画并不复杂，只有缩放和位移。难点是用了扇形结构，而且还要实现扇形的链接区域，这个就费脑筋了，最后采用了传统的图片map来做热区...

jQuery+CSS3实现转动的正方形效果(附demo源码下载)

2017年01月25日

本文实例讲述了jQuery+css3实现转动的正方形效果。分享给大家供大家参考，具体如下：主要是应用到了css3中的rotate来控制旋转角度运行效果截图如下：点击此处查看在线演示效果。具体代码如下：<!DOCTYPEhtmlPUBLIC"-//W3C...

用CSS3和动画绘制一辆自行车

2017年01月13日

用用CSS3绘制一辆自行车<!DOCTYPE html><html> <head> <meta&...

jQuery animate和CSS3相结合实现缓动追逐效果附源码下载

2017年01月02日

CSS3和jquery都可以实现缓动追逐效果，但是考虑到浏览器的兼容性，建议使用jqueryanimate方法来实现。先给大家展示下实现效果如下：效果演示源码下载引用文件：jquery-1....

【每日一学】用CSS3绘制一个红星

2016年12月23日

【每日一学】用CSS3绘制一个红星。<!DOCTYPE html><html><head> <meta charset="UTF-8"> &...

【每日一学】CSS3模拟开关效果

2016年12月23日

用CSS3模拟开关效果，要不要这么牛逼呢<!DOCTYPE html><html><head> <meta charset="UTF-8" />...

【每日一学】用CSS3做了个对话框效果

2016年12月22日

用css3做了个对话框效果，感觉不错，昂可是个新手哟。<!doctype html><html><head><meta charset="utf-8"><title>对话</ti...

【每日一学】用CSS3玩转loading动画

2016年12月22日

今天用css3实现loading，做下笔记，方便后面记住了。<!DOCTYPE html><html> <head> &nbs...

Modernizr为HTML5和CSS3而生

2016年12月17日

modernizr就是为HTML5而生的——它是一个检测浏览器对HTML5和CSS3特性支持的JS库，著名的HTML5/CSS3浏览器兼容性网站FindmeByIP就是基于该框架实现的。可以看到，右下角绿色按钮上面有Modernizr的链接。Modernizr的功能modernizr的功能其实很简单...

谈谈CSS3动画转换的基本方法

2016年11月22日

理论知识不扎实，在一定程度上能体现你解决问题的能力。今天我们拿CSS3动画来说，简单回忆下他的一些基本属性，这些我们在平常应用中会经常用到。常用动画属性：transform:translate(x,y);//平移,x代表向又移动距离，y代表向下移动距离；transform:scale(x,y);//...

谈谈关于CSS&CSS3中伪类选择器的应用

2016年11月14日

提到"伪类选器"，在平时的项目中用的太多了，比如:link，:focus，:hover，:after，:before，:nth-child等等。每个伪类选择器都有不同的用法。今天主要分享一些平时见到过的“伪类选择器”。我们可以先...

您是否会用CSS3和jQuery实现翻牌动画效果？

2016年08月17日

2016的里约奥运会已过半，看到中国金牌数在近几届中最低，心有不悦，只能说很多项目在退步，新老交替，可谓青黄不接啊。近期做了一些关于里约奥运会的活动，今天想拿出其中某个动画交互效果来说说。废话少说，转入正题，如何用CSS3和jQuery结合实现翻牌动画效果。如果你百度一些翻牌动画，会有一些案例，其中...

【CSS3】Loading加载动画大荟萃

2015年12月16日

一个性能好的页面，必须有loading预加载功能，这里就会用到loading动画效果。在PC和移动端，我们处理这个效果很多都是做一个GIF动画，但是GIF占内存，且还不能透明，效果不是很好。其实今天介绍的是一些用CSS3实现Loading加载动画一...

【收藏】20款CSS3动画库，你值得“拥有”

2015年12月16日

今天逛“市场”看到一些不错的CSS3动画库，感觉很不错，就收藏了，分享给大家拉。帮助开发者在一定的期限内取得有创造性和创新性的成果。1. Kite Kite是一个灵活的布局助手CSS库。Kite使用`inline-block`而不是最新的CSS语法。它注重实际，易于理解且容易使...

解析CSS3中的Box-Sizing属性

2015年01月06日

在重构移动端页面的时候，我们经常会遇到两个框架并排的情况，并且需要宽度自适应、等宽，有边框这样的情况，我平时的方法就是用定位来处理，然后用负值定位来解决，但是后来发现可以用CSS3中的Box-Sizing属性来搞定。好吧，立马推荐出来给大伙。语法：box-sizing:content-box|bo...

【精品】14款优秀的jQuery和CSS3插件及源码

2014年06月24日

谈到jQuery和CSS3的相关插件，现在网上很多，随着产品交互体验的提高，各种各样动画慢慢深入WEB中，从以前的FLASH到现在的jQuery+CSS3，在动画方面，技术上已经有了一定的突破。一款好的产品，如果再加上一个好的用户交互效果，会使得它变得更加优秀。最近也自己收集了一些比较实用的插件，列...

CSS3动画基本的转换和过渡

2014年06月24日

理论知识不扎实，在一定程度上能体现你解决问题的能力。今天我们拿CSS3动画来说，简单回忆下他的一些基本属性，这些我们在平常应用中会经常用到。常用动画属性：transform:translate(x,y);//平移,x代表向又移动距离，y代表向下移动距离；transform:scale(x,y);/...

CSS3中Animation动画的定义和调用

2014年06月24日

现在经常会看到一些门户网站的专题使用到CSS3的动画，咋也不能落伍，在此这梳理下动画知识吧，便于后面用到。接下来介绍下Animation动画的定义和调用，在介绍Animation之前需要了解下Keyframes，英文意思就是关键帧，它相当于我们flash里面的帧。Keyframes具有其自己的语法规...

【译】Photoshop图层转CSS3代码之神器-CSS3Ps插件

2013年09月14日

人生为棋，我愿为卒，行动虽慢，可谁曾见我后退一步。技术永无止境，只有想不到，没有做不到。近期又做了个微信上手机触屏版的项目，完工后总结了一些经验，无意中发现Photoshop里一些渐变、投影、内阴影的效果转化成CSS3如此之简单，那就是神器CSS3Ps插件。让我眼前一亮啊。好啦，不卖关子了，进入正题...

[文字竖排]CSS3中的transform变形详解

2012年09月07日

在我们做数据表格的时候，会遇到数字竖排问题，在IE下面好解决直接用writing-mode:tb-rl;即可，但是在FF，谷歌等浏览器没有效果，但是自从有了CSS3，用Transform功能可以实现文字或图像的旋转、缩放、倾斜、移动这四种类型的变形，这四种变形分别使用rotate、scale、sk...

问答社区 更多 >

2017年01月29日

作者:Terry | 分类:jQuery | 浏览:1405 | 评论:0

2017年01月28日

作者:Terry | 分类:jQuery | 浏览:1152 | 评论:0

2017年01月25日

作者:Terry | 分类:综合 | 浏览:7901 | 评论:0

2017年01月25日

作者:Terry | 分类:综合 | 浏览:8250 | 评论:0

2017年01月13日

作者:天空 | 分类:移动开发 | 浏览:13876 | 评论:0

2017年01月02日

作者:Terry | 分类:jQuery | 浏览:9522 | 评论:0

2016年12月23日

作者:ceshi | 分类:Js&JQuery | 浏览:15150 | 评论:0

2016年12月23日

作者:天空 | 分类:移动开发 | 浏览:14494 | 评论:0

2016年12月22日

作者:天空 | 分类:移动开发 | 浏览:16774 | 评论:0

2016年12月22日

作者:天空 | 分类:移动开发 | 浏览:12155 | 评论:0

2016年12月17日

作者:andy001 | 分类:Html5 | 浏览:11437 | 评论:0

2016年11月22日

作者:Terry | 分类:Html5 | 浏览:13403 | 评论:1

2016年11月14日

作者:Terry | 分类:Html5 | 浏览:11437 | 评论:0

2016年08月17日

作者:Terry | 分类:Html5 | 浏览:30823 | 评论:0

2015年12月16日

作者:Terry | 分类:Html5 | 浏览:17866 | 评论:0

2015年12月16日

作者:Terry | 分类:Html5 | 浏览:63132 | 评论:0

2015年01月06日

作者:Terry | 分类:Html5 | 浏览:17398 | 评论:0

2014年06月24日

作者:Terry | 分类:Javascript | 浏览:15654 | 评论:0

2014年06月24日

作者:Terry | 分类:Html5 | 浏览:19139 | 评论:0

2014年06月24日

作者:Terry | 分类:Html5 | 浏览:23215 | 评论:0

2013年09月14日

作者:Terry | 分类:Html5 | 浏览:23601 | 评论:0

2012年09月07日

作者:Terry | 分类:Html5 | 浏览:26934 | 评论:1

问答社区更多 >