HTML5研究中心

笔记分类

  • 爱创课堂
  • 妙味课堂
  • 智能社
  • 加微信,送福利!

    推荐笔记

    lingwer111

    lingwer111|菜单栏 “三” 变形为“X”css3过渡动画

    发布于 昨天 12:03 浏览:379 回复:2 分类:HTML/CSS

    最近要模仿一个页面,其中有一个效果就是三菜单栏变形为X的效果,思路:三横的实现:传统可以用3个span标签来实现,但有一个更加巧妙的方法,1个标签就能实现三横效果,根据张鑫旭大神分享的利用padding ...

    无尾熊

    无尾熊|svg动画之动态描边效果

    发布于 昨天 10:27 浏览:284 回复:3 分类:JavaScript

    1、首先先做一个简单的线一点一点画出来的效果,主要使用svg中的“strokeDasharray”、“strokeDashoffset”属性,通过css3中的transtion改变strokeDashoffset来实现动画。注:path ...

    老姚

    老姚|用chrome观看此效果,《幻像》

    发布于 昨天 05:05 浏览:884 回复:13 分类:HTML/CSS

    只是想测试一下倒影效果来的。。。html代码效果预览<divclass="container"><div><figure></figure><figure></figure><figure></figure><figure></figure></div><div><figure></figure><figure></figure> ...

    前言vue2的发布后自己也研究了一段时间,奈何公司的技术栈是以react为主,没有机会好好利用vue2去做一个完整的项目。虽然写了几个demo,但和写一个完整的项目还是有很大差别的。于是自己想着用空余的时间写一 ...

    vue2 + vuex 高度还原饿了么App,与官方后台真实数据交互,获取商品信息,实现登陆、购物车、下单等功能
    曾阿牛

    曾阿牛|CSS3图片翻转切换案例

    发布于 前天 11:36 浏览:240 回复:1 分类:HTML/CSS

    html代码效果预览<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>css3翻转效果</title></head><style>.flip-container{margin:30px;display:in ...

    lanqunliang

    lanqunliang|新手小白进入Web前端第一天随笔

    发布于 3 天前 浏览:946 回复:23 分类:HTML/CSS

    第一天主要了解HTML从1.0-4.0的发展史,了解了HTML代表结构层,CSS代表样式层,JS代表行为层。学习前端总共分三个步骤,第一步骤学习html+css制作静态网页,第二部学习javaScript+jquery,第三部学习框架。课 ...

    吾很忧烦

    吾很忧烦|自制五子棋游戏一枚,简单AI,欢迎调戏!

    发布于 3 天前 浏览:884 回复:7 分类:HTML/CSS

    自制五子棋游戏一枚,简单AI,可随便调戏。提示说明:红色表示防守位,绿色表示进攻位,数值表示该位置综合评分。AI算法参考自http://www.cnblogs.com/songdechiu/p/5768999.html。(全屏游戏效果好点)更 ...

    飘动的风

    飘动的风|大炮打滑稽

    发布于 3 天前 浏览:921 回复:8 分类:JavaScript

    新手,弄个canvas游戏试试。有bug,球打到滑稽时有时候不管用。还有许多不足之处,需要多多学习。全屏开始游戏html代码效果预览<!DOCTYPEhtml><html><head><metacharset="utf-8"/><title> ...

    大炮打滑稽
    18514058338

    18514058338|技术人员的发展之路

    发布于 3 天前 浏览:695 回复:3 分类:HTML/CSS

    正处于迷茫之际,看到了这篇好文,深有感悟前端虽然入门容易,但是后面的学习其实一点都不轻松,道路阻且长在坚持的道路上,希望能戒除焦躁,踏实走好每一步即远瞻未来 ...

    木风622

    木风622|几个面试题目小总结

    发布于 3 天前 浏览:766 回复:5 分类:面试经验

    好久没写过东西了,这段时间应该是跳槽高峰,虽然一直在找,但是并不乐观,可能就是技不如人,自省~~~~网上关于面试的文章已经多如牛毛,我也不想把所有的都拿过来再写一次,这里只是写一下自己所遇到的,平时 ...

    彭玉婷

    彭玉婷|带logo的加载页分享

    发布于 3 天前 浏览:1210 回复:10 分类:手机移动

    做H5一个好的加载页必不可少,分享三个自己为公司做的带logo标志的加载页效果,比起普通的加载动画,更能宣传公司的品牌。一般用1,2个效果比较多,会根据H5主题不同做些微调,第3个用的网上的插件,鉴于有些 ...

    948192694

    948192694|自己写页面常用的代码,实用

    发布于 3 天前 浏览:1065 回复:9 分类:HTML/CSS

    ---------------------------------------------------------------------------------------------------初始化:html{font-family:"微软雅黑";}body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,f ...

    Lookforto

    Lookforto|vue学习笔记

    发布于 4 天前 浏览:617 回复:4 分类:类库框架

    官网http://cn.vuejs.org/mvvm框架--比angular更小巧,文档阅读方便,全部组件化版本2.0vue指令以v-xxx一段html代码加一个json再new出一个vue实例 ...

    漫步未来

    漫步未来|原生JS实现《别踩白块》游戏,兼容IE

    发布于 4 天前 浏览:967 回复:4 分类:JavaScript

    兼容了IE,每得20分就加速一次!!!html代码效果预览<!DOCTYPEhtml><htmllang="en"><head><metacharset="utf-8"><style>*{margin:0;padding:0;} ...

    直接上代码html代码效果预览<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>Document</title><style>*{padding:0;margin:0;}html,body,main{heigh ...

    1433251330

    1433251330|前段面试基础题

    发布于 6 天前 浏览:911 回复:3 分类:面试经验

    1,什么是闭包?闭包有什么好处?使用闭包要注意什么?闭包:函数嵌套函数,内部函数可以引用外部函数的参数和变量,变量和参数不会被垃圾回收机制所回收好处:1)希望一个变量长期驻扎在内存之中&n ...

    追追

    追追|纯css3.0打造具有绚丽视差滚动的图片切换

    发布于 6 天前 浏览:1314 回复:4 分类:HTML/CSS

    用纯css实现这款banner切换,在摒弃了定时器效果下,加上滚动视差感堪称完美。效果预览先来剖析:什么是视差滚动?视差滚动(ParallaxScrolling)是指多层背景以不同的速度移动,形成立体的运动效果,带来 ...

    飞段

    飞段|最全前端资源合集(转)

    发布于 6 天前 浏览:827 回复:5 分类:HTML/CSS

    我去,真的非常全!忍不住分享了。。---------------------------------------------------------------------------------------------------------------------------------------综合类综合类地址 ...

    小蜗牛爱土豆

    小蜗牛爱土豆|jQury弹幕

    发布于 7 天前 浏览:1481 回复:4 分类:JavaScript

    html代码效果预览<!DOCTYPEhtml><html><head><metacharset="utf-8"/><title></title><styletype="text/css">*{padding:0;margin:0;}#box{height:700px;wid ...

    18844338580

    18844338580|我还会回来的!

    发布于 7 天前 浏览:908 回复:11 分类:面试经验

    北京,北京。刚来时壮志凌云,想要在北京找个高薪的工作,让家里人身边人都认为这小子有出息啊。然而投了无数份简历,都石沉大海,毫无回复。北京啊北京,有多人在这里住着青旅,吃着泡面,和我一样的,渴望着 ...