投稿 搜索 登录注册
×

热门关键词：Web前端|前端开发|HTML5|CSS3|jQuery|CSS3动画

关键词搜索结果：

CSS3：少年足球来一个！

2018年05月21日

用CSS3画一个足球，一起来学习下吧，这个可以用来作为开场动画用，是个不错的选择哟！<!DOCTYPE html><html>    <head>    &nbs...
作者:abc123 | 分类:HTML/CSS | 浏览:23101 | 评论:0

jquery+CSS3模拟Path2.0动画菜单效果代码

2018年05月10日

本文实例讲述了jquery+CSS3模拟Path2.0动画菜单效果代码。分享给大家供大家参考。具体如下：CSS3实现的仿手机软件菜单，动画菜单，注意的地方，小按钮位移后有个缓冲，每个小按钮缓冲的距离不一样，每个小按钮位移的时...
作者:jiang | 分类:Js&JQuery | 浏览:12716 | 评论:0

基于CSS3&jQuery之3d菜单滑动效果

2018年05月09日

基于CSS3&jQuery之3d菜单滑动效果。竖直的主菜单贴着页面左侧，当光标移入菜单项时，以3D动画的方式弹出对应的二级菜单。采用jQuery和CSS3实现。支持Chrome，火狐，Edge等浏览器。...
作者:shiji | 分类:Js&JQuery | 浏览:11204 | 评论:0

学习CSS3选择器

2018年04月03日

学习CSS3选择器。1.标签选择器标签选择器又叫元素选择器，换句话说，文档的元素就是最基本的选择器，使用元素名称直接选中元素即可。例如如下p标签即可直接选择<style>        p{ ...
作者:andy001 | 分类:移动开发 | 浏览:40592 | 评论:0

用CSS3模拟3D地球仪动画

2018年04月03日

闲的无聊，试着玩点东西，用CSS3模拟3D地球仪动画，转起来吧。<!DOCTYPE><html><link>    <title>用CSS3模拟3D地球仪动画 - Web前端之家&...
作者:jiang | 分类:移动开发 | 浏览:25737 | 评论:0

【CSS3动画】生命在于运动

2018年03月20日

用CSS3制作一个跑动的动画，生命在于运动啊。<!DOCTYPE html><html><head>    <meta charset="UTF-8">&n...
作者:shiji | 分类:HTML/CSS | 浏览:12030 | 评论:0

用CSS3实现广告的展示动画特效

2018年03月06日

用CSS3实现广告的展示动画特效，不需要用JS哦，大家可以学习下，很多地方都可以用到，还在等什么呢，代码奉上啦！展示图：DEMO代码：<!DOCTYPE html><html><head><meta http-equiv=&q...
作者:andy001 | 分类:Html5 | 浏览:16922 | 评论:1

CSS3光圈散开提示效果

2018年03月06日

CSS3光圈散开提示效果，看DEMO，你懂的。<!DOCTYPE html><html><head>    <meta charset="UTF-8">...
作者:ceshi | 分类:HTML/CSS | 浏览:29367 | 评论:0

试着用CSS3实现元素跳动的动画效果

2018年02月06日

试着用CSS3实现元素跳动的动画效果，已经快下班了，直接上干货，代码如下：<!DOCTYPE html><html><head>    <meta charset="UTF-8...
作者:jquery | 分类:移动开发 | 浏览:22262 | 评论:0

见证奇迹：在Photoshop中一键生成CSS3代码！

2017年11月08日

闲余之时，突悟文一篇，忽有所得，与君共析之。不知道大家是否记得先前我分享的一篇文章：你不知道的秘密之Web前端开发制图神器Cutterman，经常关注本网站的童鞋应该是看过的，那篇文章主要讲叙设计师和Web前端开发工程师在处理一些图形和icon的photoshop插件使用方法，便于提高我们在项目中的...
作者:Terry | 分类:开发工具 | 浏览:25943 | 评论:0

关于H5页面中CSS3动画的性能优化

2017年11月02日

CSS3动画应用很广，尤其是在H5项目中，炫酷的交互效果可以给产品带来更好的体验，更能吸引用户。然而在应用的时候，很多Web前端童鞋可能忽略了一点，就是其性能；不管你是用纯CSS3写的动画，还是结合jQuery，性能很重要。网络上有很多关于“CSS3动画的性能优化”的文章，各抒己见，总而言之，初衷基...
作者:Terry | 分类:性能优化 | 浏览:35107 | 评论:1

聊聊CSS3 Animation之文字显示的效果

2017年10月25日

昨天下午接到一个需求，需要做一个数字显示消失的效果，对于某一些童鞋来说，可能首选插件。的确，类似的插件的确很多，但这不是我本次想分享的，废话不多说，一起先来看下设计师的效果图（局部）：设计师要求输入猜收盈价的时候数字加些显示特效，如果删除的时候加上消失的效果。实现这个交互，我们需要掌握两个基本点：1...
作者:Terry | 分类:Html5 | 浏览:11578 | 评论:0

用CSS3 background-clip裁剪背景

2017年09月29日

用CSS3background-clip裁剪背景，这个方法应用很多。*用于指定background是否包含content之外的border,padding。默认值为border-box，即background从包含border在内的地方开始渲染，IE的默认表现也等同于border-box背景裁剪...
作者:jiang | 分类:HTML/CSS | 浏览:13446 | 评论:0

用CSS3实现多重边框色

2017年09月29日

用CSS3实现多重边框色。*如border为(n)px，则最多可以设置n组边框色，每组边框色为1px。#border-colors{border-width:6px;多重边框色(非常规-边框为10px，却只设置了6组边框颜色)：border-colors/-moz-border-c...
作者:jiang | 分类:HTML/CSS | 浏览:13586 | 评论:0

用CSS3实现高亮发光文字特效

2017年09月27日

用css3实现高亮发光文字特效，一起来学习下吧！先来看下效果：代码直接奉上了，请接招！！！<!DOCTYPE html><html><head>    <meta charset=&qu...
作者:天空 | 分类:Html5 | 浏览:15787 | 评论:0

【前端开发】基于jQuery&CSS3的动态删除模块动画特效

2017年08月11日

动态删除模块功能，在网站开发中经常遇到，但本人很少玩这个效果，最近偶尔一次机会跟一个朋友搞一个私单，要求有这样的功能，挺好玩的；现在迫不及待的想分享出来。说明今天在这里介绍的“动态删除模块功能“的核心就是jquery实现ajax动态删除一个方框，并带有动画缓冲效果，玩过谷歌googleplus的人...
作者:Terry | 分类:Html5 | 浏览:10681 | 评论:0

用CSS3+jQuery​实现点击按钮元素摇摆特效

2017年08月07日

点击按钮元素摇摆特效，这个是使用CSS3+jQuery搞定的，在项目中很实用的哟。<!DOCTYPE html><html> <head>  <meta http-equiv="Cont...
作者:abc123 | 分类:Js&JQuery | 浏览:10542 | 评论:0

CSS3动画(360度旋转、旋转放大、放大、移动)

2017年03月03日

CSS3动画(360度旋转、旋转放大、放大、移动)，还不错的哟，看看吧：<!DOCTYPE html><html><head>    <meta charset="UTF-8&...
作者:商内在 | 分类:移动开发 | 浏览:23241 | 评论:0

jQuery/CSS3图片特效插件整理推荐

2017年02月13日

1.CSS3实现的底部带滚动云彩效果的网站登录页面CSS3实现的底部带滚动云彩效果的网站登录页面特效源码，是一段实现页面底部拥有滚动云彩动态效果的特效源码，想要在网站中实现此类效果的朋友们可以前来下载使用。本段代码兼容目前最新的各类主流浏览器，是一款非常优秀的特效源码。在线演示源...
作者:Terry | 分类:综合 | 浏览:12073 | 评论:0

jQuery Animation实现CSS3动画示例介绍

2017年02月12日

jQueryAnimation的工作原理是通过将元素的CSS样式从一个状态改变为另一个状态。CSS属性值是逐渐改变的，这样就可以创建动画效果。只有数字值可创建动画（比如"margin:30px"）。字符串值无法创建动画（比如"background-color:red"）。详细用法请参考jQ...
作者:Terry | 分类:综合 | 浏览:10928 | 评论:0

6款新颖的jQuery和CSS3进度条插件推荐

2017年02月09日

现在的网页功能越来越多，尤其是AJAX的广泛应用，进度条和Loading加载动画显得越来越重要了。下面给大家介绍几款比较新颖的jQuery和CSS3进度条Loading加载动画插件，希望对大家有帮助。1、不同进度显示不同颜色的进度条这款CSS3进度条和别的有所不同，他的主要特点是随着进度...
作者:Terry | 分类:综合 | 浏览:17325 | 评论:0

7款吸引人眼球的jQuery/CSS3特效实例分享

2017年02月08日

作为WEB前端开发者，jQuery和CSS3肯定用得也比较多，那么下面就分享一些由jQuery和CSS3制作成的特效，希望大家会喜欢。1、基于jQuery和CSS3的圆盘抽奖这个小程序可以让你在网站上轻松的添加一个抽奖应用，应用是基于jQuery和CSS3开发的，圆盘抽奖很好玩的哦，你抽...
作者:Terry | 分类:综合 | 浏览:794 | 评论:0

深入探讨CSS3 transition使用规范

2017年02月07日

CSS3transition，制作CSS3动画的基本要素，我们必须掌握的基本知识，今天主要深入探讨下它的一些使用规范。结构(HTML)，表现(CSS)，以及行为(JavaScript)相分离并不是什么新鲜的事情，然而CSS能跨越这个界限并且...
作者:Terry | 分类:Html5 | 浏览:14086 | 评论:0

CSS3,HTML5和jQuery搜索框集锦

2017年02月06日

添加搜素框或网站搜索功能是为了方便用户能够轻松、快捷地找到自己需要的信息。因此，在网站中添加一个搜索框已经成为网页设计的主流元素之一。添加一个搜索框到网站会使得用户界面更加友好，也能帮助用户轻松愉快地浏览。脉动的CSS3输入搜索框输入搜索框带有边框和类似脉冲的阴影跳动。纯CSS...
作者:Terry | 分类:综合 | 浏览:15487 | 评论:0

CSS3属性transform详解

2017年02月02日

在CSS3中，可以利用transform功能来实现文字或图像的旋转、缩放、倾斜、移动这四种类型的变形处理，本文将对此做详细介绍。一.旋转rotate用法：transform:rotate(45deg);˂/p共一个参数“...
作者:Terry | 分类:Html5 | 浏览:14330 | 评论:0