为了账号安全,请及时绑定邮箱和手机立即绑定

纯CSS3绘制的逼真,呆萌,超酷的CSS3动画

纯CSS3人物行走动画...

2015浏览
1推荐
1评论

CSS3 3D transform变换,不过如此

一、写在前面的秋裤早在去年的去年,我就大肆介绍了2D transform相关内容。看过海贼王的都知道,带D的家伙都不是好惹的,2D我辈尚可以应付,3D的话,呵呵,估计我等早就在千里之外被其霸气震晕了~~看看下图女帝的动作以及神情,就可以知道名字带D的家伙的厉害!最近折腾iPad的一些东西,有一些3D效果的交互。有些事情,总以为是遥远的未来,谁知真正发生的时候说来就来,比如说一颗想结婚的心,又比方说在实际项目中折腾3D...

862浏览
1推荐
0评论

CSS3 新特性学习

CSS3 是最新的 CSS 标准,并且完全向后兼容,不过目前W3C 仍然在对 CSS3 规范进行开发,虽然标准的规范还没有正式发布,但是现代浏览器已经支持相当多的 CSS3 属性了。CSS3 提供了很多可以把玩的新特性,模糊了之前只控制样式的定义,让之前很难处理的样式(如:圆角、多列等)和只能通过Javascript来实现的动画效果等现在都能通过CSS3 新特性提供的属性很轻松的实现,功能是越来越强大。一、CSS3 边框在 css3 中新增的边框属性如下:创建圆角边框 示例在CSS2中添加圆角很棘手,我们不得不在每个角落使用不同的图像。但是在CSS3中通过添加一个属性就可以搞定,那就是border-radius...

1293浏览
1推荐
0评论

慕课网笔记5 css 盒模型 布局

慕课网:...

919浏览
0推荐
0评论

requestAnimationFrame 原理,使用

在Web应用中,实现动画效果的方法比较多,Javascript 中可以通过定时器 setTimeout 来实现,css3 可以使用 transition 和 animation 来实现,html5 中的 canvas 也可以实现,svg也可以实现动画。除此之外,html5 还提供一个专门用于请求动画的API,那就是 requestAnimationFrame,顾名思义就是请求动画帧。 为了深入理解 requestAnimationFrame 背后的原理,我们首先需要了解一下与之相关的几个概念:1. 屏幕刷新频率即图像在屏幕上更新的速度,也即屏幕上的图像每秒钟出现的次数,它的单位是赫兹(Hz)。...

2319浏览
0推荐
0评论

重温大漠CSS3知识之文本篇

在Web页面或者Web应用程序中设置文本样式是CSS最基本的要求,随着CSS3的出现,文本功能不仅是局限于字体、字号、颜色、样式等基本的干运用,它给文本功能添加了一些高级的属性设置,如:文本阴影...

1209浏览
0推荐
0评论

CSS3简明教程之初识CSS3

第一章 初识CSS3什么是CSS3?CSS3是CSS2的升级版本,3只是版本号,它在CSS2.1的基础上增加了很多强大的新功能。...

1653浏览
1推荐
0评论

CSS3简明教程之边框

第2章 边框圆角效果 border-radiusborder-radius是向样式添加圆角边框,使用方法:E {   border-radius: 10px;  // 所有角都使用半径为10px的圆角}E {...

1105浏览
0推荐
0评论

CSS3简明教程之颜色相关

第3章 颜色相关颜色之RGBARGB是一种色彩标准,是由红(R)、绿(G)、蓝(B)的变化以及相互叠加来得到各式各样的颜色。RGBA是在RGB的基础上增加了控制alpha透明度的参数。语法:color:rgba(R,G,B,A)以上R、G、B三个参数,正整数值的取值范围为:0 - 255。百分数值的取值范围为:0.0% - 100.0%。超出范围的数值将被截至其最接近的取值极限。并非所有浏览器都支持使用百分数值。A为透明度参数,取值在0~1之间,不可为负值。background-color:rgba(100,120,60,0.5);渐变色彩CSS3 Gradient...

992浏览
0推荐
0评论

20条书写 CSS 代码的建议

在这篇文章中,我想跟你分享 20 条由 CSS 社区推荐的约定和最佳实践。 有些建议可能比较适合新手,而有些则更高级一些,但我希望每个人都可以在本篇文章中收获自己不知道的知识。1. 谨慎使用外边距属性与其它的属性不同,垂直方向上的外边距相遇时将会发生折叠。这意味着如果一个元素的下边距遇到了另一个元素的上边距,那么二者中较大的一个将被留下。下面是一个简单的例子。    <div class="square red"></div>...

1344浏览
0推荐
0评论

01HTML基础-认识HTML

什么是HTMLHTML其实是HyperText Markup Language的缩写,  超文本标记语言HTML的作用1.首先利用记事本保存了一个标题和两段描述, 然后修改纯文本文件的扩展名为.html, 然后再利用浏览器打开郑伊健...

791浏览
0推荐
0评论

08-JavaScript基础-逗号和三目运算符

逗号运算符在JavaScript中逗号“,”也是一种运算符,称为逗号运算符。 其功能是把多个表达式连接起来组成一个表达式, 称为逗号表达式。一般形式形式: 表达式1,表达式2,… …,表达式n;例如: a = 1 + 1,b = 3 * 4, c = 10 / 2;求值过程表达式1,表达式2,… …,表达式n;逗号表达式的运算过程是:先算表达式1,再算表达式2,依次算到表达式n整个逗号表达式的值是最后一个表达式的值var a, b, c, d;/* 1.先计算表达式1, a = 2 2.再计算表达式2, b = 12...

1586浏览
0推荐
0评论

从零玩转jQuery-初识jQuery

课前须知: 学习jQuery前必须先掌握JavaScriptjQuery虽然属于前端技术, 但是对于后端人员(诸如Java、PHP等,也需要掌握)jQuery是什么?jQuery是一款优秀的JavaScript库,从命名可以看出jQuery最主要的用途是用来做查询(jQuery=js+Query).在jQuery官方Logo下方还有一个副标题(write less, do more), 体现了jQuery除了查询以外,还能让我们对HTML文档遍历和操作、事件处理、动画以及Ajax变得更加简单体验jQuery原生JS设置背景(先不要求看懂代码,先看看谁更爽)<script>// 查询...

1670浏览
0推荐
0评论

从零玩转jQuery-入口函数

jQuery入口函数jQuery与JavaScript加载模式对比多个window.只会执行一次, 后面的会覆盖前面的<script>         window. = function () {             alert("hello lnj1"); // 不会显示...

1166浏览
0推荐
0评论

正则全局&#039;g&#039;引发的问题

我所理解的正则表达式(搜索lastindex)  var sort = function(array) {      var regex2 = new RegExp('[a-zA-Z]', 'g');      var arr2 = [];      for(var i&...

968浏览
0推荐
0评论

JS事件

饥人谷事件课件1.DOM0 事件和DOM2级在事件监听使用方式上有什么区别?DOM0事件有两种:一是在标签内写事件二是在js写node. = function()...

1325浏览
0推荐
0评论

闭包、定时器、BOM

BOM课件闭包概念1闭包概念21.下面的代码输出多少?修改代码让fnArr[i]() 输出 i。使用两种以上的方法      var fnArr = [];             // 1.       for(var i = 0; i < 10; i++){...

1373浏览
0推荐
0评论

链式调用简单实例

<!doctype html><html><head>    <meta charset="UTF-8">    <title>优雅的代码为面试加分 链式调用让面试官更青睐你的代码</title>    <script type="text/javascript">        // 链式调用,可以让我们的代码更加优雅,让我们用少量的代码表达复杂的操作。    ...

989浏览
0推荐
0评论

webpack中watch的配置以及打包文件添加注释

watch的使用可以减少我们每次保存后手动打包的繁琐情况,当代码发生变化,只要保存,webpack将自动为我们进行打包watch的配置watch可以直接使用,只要在打包命令后面跟--watch就可以了,但这只是基础用法,通过配置watch我们可以减少因各种人为习惯造成很难查找的原因image.png在webpack.config.js中新增属性,如下:watchOptions: {    poll: 1000, //检测代码修改时间,以毫秒为单位...

2407浏览
0推荐
0评论

webpack打包第三方类库

webpack打包第三方类库有两种比较不错的方式:第一种:安装第三方库(jQuery)npm i -S jquery修改index.js文件(入口文件)import $ from 'jquery'image.png结果:image.png第二种:安装第三方库使用webpack.config.js全局引入全局引入使用ProvidePlugin插件,这是webpack自带的插件,所以在webpack.config.js要先引入webpackconst webpack = requery("webpack")...

1396浏览
0推荐
0评论
首页上一页1234567下一页尾页
意见反馈 帮助中心 APP下载
官方微信