笔记分类

      推荐笔记

      誓约胜利之剑

      誓约胜利之剑|一个实用性很强canvas的背景,比上次的更炫一点

      发布于 前天 18:03 浏览:198 回复:1 分类:JavaScript

      看到了http://luuman.github.io/Home/H1/index.html该博客的canvas背景,这个博客很有意思,屏蔽了鼠标右击,然后又给f12添加了按下关闭当前页面的事件,可惜怎么可能阻止我这颗探索的心。上次分享过一个canva ...

      WebMaster

      WebMaster|移动端时间选择器

      发布于 前天 11:25 浏览:407 回复:3 分类:JavaScript

      开发的一个简单的移动端时间选择器,支持多种主题,现在来共享一下。Github地址:https://github.com/IronPans/LazyPicker效果图:你也可以扫描二维码用手机体验:如果你使用PC浏览器,那么你需要切换 ...

      别闹丶

      别闹丶|写了一个笑脸,愿大家开开心心~

      发布于 3 天前 浏览:407 回复:2 分类:JavaScript

      html代码效果预览<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"/><title>Document</title></head><body><canvasid="mycanvas"width="800px"height="800px"></canvas> ...

      transparent

      transparent|锤子科技官网banner3D效果

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

      前段时间看到锤子官网的banner3D效果觉得好酷炫,然后就在网上搜了一下实现方法,发现还真有。我就借鉴了他的demo来自己写了一个简单背景变换的demo,因为没有做过渡效果,没官网好看,还算凑合,可以看效果 ...

      分别插入html和css没弄明白,只好一起插入了,代码可能有点长html代码效果预览<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"/><title>login</title><styletype="text/c ...

      html代码效果预览<!DOCTYPEhtml><html><head><metacharset="UTF-8"><title>五角星</title><styletype="text/css">.xc-china{width:694px; ...

      誓约胜利之剑

      誓约胜利之剑|最流行的canvas特效,注释讲解

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

      这个canvas效果应该是被应用的最广泛的一个特效,我将其加上了注释,方便新手学习html代码效果预览<!DOCTYPEhtml><html><head><metacharset="UTF-8"><title></title><styletype="text/css"> ...

      需要的知识是3d变换。比较关键的api是,实现绕着任意轴转动的rotate3d。另外一点是通过clip-path实现多边形的绘制。需要使用chrome浏览器观看。正四面体(其中js是实现拖拽效果,非核心代码,可删除,下同 ...

      HTML+CSS部分1.行内元素和块级元素?img算什么?行内元素怎么转化为块级元素?行内元素:和有他元素都在一行上,高度、行高及外边距和内边距都不可改变,文字图片的宽度不可改变,只能容纳文本或者其他行内元素 ...

      我的第一本电子书《JavaScript半知半解》第1版完成了。地址:《JavaScript半知半解》欢迎翻阅,欢迎潮水般的评论,接受任何意见! ...

      xiaomo

      xiaomo|利用content attr 写的 导航

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

      通过content的attr实现,:before伪元素配合使用,上下文字切换是通过translate位移实现的html代码效果预览<!doctypehtml><html><head><metacharset="utf-8"><title>无标题文档</title></head><style ...

      aaamrh

      aaamrh|页面高,宽那些事

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

      找了许多页面啊,有的图看的我很闹心,我性子比较急,一下子又记不住嘛,找个了简单的来分享下一、展示图二、屏幕信息screen.height:屏幕高度。screen.width:屏幕宽度。scr ...

      页面高,宽那些事
      alex1504

      alex1504|HTML5移动音乐播放器(启蒙篇)

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

      这段时间公司一直在做一个PC的教育类单页应用,庞大复杂,涉及非常多H5的知识,音频就是其中的一部分。前些天偷台风的闲暇时写了一个移动端音乐播放器,作为练手项目(存放在Coding)。在线地址:请猛击这里 ...

      认真你就输了丶

      认真你就输了丶|Canvas 小岳岳(我的天呀!)

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

      html代码效果预览<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"/><title>岳云鹏</title><styletype="text/css">div{width:400px;heig ...

      幕艺传奇

      幕艺传奇|热门的前端书籍整理

      发布于 5 天前 浏览:1594 回复:23 分类:JavaScript

      1.前端面试经典题目合集2.《HTTP权威指南》3.《单页Web应用:JavaScript从前端到后端》4.搜狐WEB标准_前端技术应用规范.pdf5.CSSCheckStyle——CSS的解析、检查、修复和压缩6.人人FED-CSS编码规范.pdf7. ...

      13110752807

      13110752807|一份CSS3动画demo

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

      html代码效果预览<!doctypehtml><htmllang="en"><head><metacharset="UTF-8"><title>css3动画</title><style>*{margin:0;padding:0;box-sizing:border-box;-webkit-box-sizing: ...

      一份CSS3动画demo
      18514058338

      18514058338|CSS3处理图片 前端界的美图秀秀

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

      看完css3的filter属性,立马萌生了做个简单的图片处理小工具的想法,毕竟像我这种不玩美图秀秀的耿直girl,实在分不清到底是灰度还是透明度........来不及了,自己试 ...

      认真你就输了丶

      认真你就输了丶|一颗跳动的心(css3)

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

      html代码效果预览<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"/><title>一颗跳动的心</title><styletype="text/css">*{margin:0;padding:0; ...

      举个栗子丶

      举个栗子丶|Head First HTML+CSS 笔记 第二部分

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

      1.对于文本和背景,用对比度最大的颜色。2.HTML就像泥工和木工造出房子和家具(结构),CSS像装修工装饰和粉刷。3.盒子中背景颜色会填充内容、内边距、边框。边框以外和外边距没有。4.Border-radius: ...

      认真你就输了丶

      认真你就输了丶|原来css的border还可以这样玩

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

      html代码效果预览<!DOCTYPEhtml><html><head><metacharset="UTF-8"><title>五角星</title><styletype="text/css">#star{width:0px; ...