书读的越多而不加思考,你就会觉得你知道得很多;而当你读书而思考得越多的时候,你就会越清楚地看到,你知道得很少。——伏尔泰

 分类:HTML/CSS

码云笔记前端博客,记录与HTML CSS相关的目录存档

HTML5游戏之Websocket俄罗斯方块终极版(三)

HTML5游戏之Websocket俄罗斯方块终极版(三)
  本文是HTML5小游戏俄罗斯方块案例的最后一篇,在这篇文章我们会实现这个案例的所有效果,在前两篇《HTML5游戏之Websocket俄罗斯方块基础版(一)》和《HTML5游戏之Websocket俄罗斯方块进阶版(二)》我们分别介绍了基础和进阶版知识,在基础中主要介绍了Web...

4天前 24℃

canvas实现绚丽的倒计时效果与动画基础(二)

canvas实现绚丽的倒计时效果与动画基础(二)
我们要实现的这个demo具有动画的效果,所以接下来将会给大家介绍canvas制作动画的基础内容,推荐大家先阅读《canvas实现绚丽的倒计时效果与动画基础(一)》 实现动画的基础函数 实现动画的最简单的架构就是使用setInterval这个方法,关于setInte...

1个月前 (12-21) 354℃

css3中box-shadow的奇特用法

css3中box-shadow的奇特用法
box-shadow属性是css3中的一个属性,几乎可以在人和元素上添加阴影效果,通过它我们可以做出很多非常酷的东西。接下来我将为大家讲解box-shadow属性的奇特使用方法。 兼容性 语法 box-shadow: h-shadow v-shadow blur spread ...

1个月前 (12-12) 147℃

canvas画布绘制动画基础

canvas画布绘制动画基础
今天给大家带来新的canvas绘制绚丽的倒计时动画效果制作方法以及canvas绘图动画基础知识,这篇文章将带领大家逐步学习最激动人心的基础canvas,canvas顾名思义是定义在浏览器上的画布,通过我们后面的介绍大家会慢慢的明白,canvas并不像p标签、h标签、img标签一样...

2个月前 (12-03) 147℃

jquery css垂直手风琴菜单列表制作

jquery css垂直手风琴菜单列表制作
分享一个利用jQuery CSS3来完成的垂直手风琴菜单栏,这个适合做web后台系统之类的菜单,这款CSS3手风琴菜单的每一个菜单项都有小图标,而且只能有一项展开,更有意思的是,在菜单折叠和展开式右侧的箭头也会有不错的动画效果。这里我是用<ul><li>&...

2个月前 (11-29) 178℃

如何使块级元素垂直水平居中

如何使块级元素垂直水平居中
对于div块级元素的垂直水平居中问题,可以说是老生常谈了,实现的方法也是琳琅满目,而我今天分享的内容就是经过自己的实践整理几个比较好的方法分享给大家,希望对大家有用,感兴趣的同学可以下去找找其他更好的方法我们一起交流学习,也给其他小伙伴一个实现的思路,当然这篇文章所讲的方法不是最...

2个月前 (11-26) 146℃

关于css3中maxmin-content及fit-content等width值的理解

关于css3中maxmin-content及fit-content等width值的理解
最近在学习css3的时候发现了一些好玩的属性,在css3的家族中,width属性新添加了几个关键字成员,分别是fill-available,max-content,min-content,fit-content。不仅仅是我没接触过,我相信很多小伙伴都没见过,更别说在项目中应用了。...

2个月前 (11-14) 96℃

移动端开发需要加的meta和常用的css3媒体查询样式

移动端开发需要加的meta和常用的css3媒体查询样式
今天的内容没有难点,只是将我日常在项目中开发需要用到的一些必备的代码分享给大家,下次开发项目的时候直接拿来用就可以了,省时省力,节约开发时间。我觉得我们每个开发人员都应该养成一种时时刻刻记录笔记的习惯,不仅是为了工作方便,也是为了自己后期查找提供方便,毕竟年纪大了,时间长了容易忘...

2个月前 (11-12) 95℃

纯css3替换CheckBox复选框和radio单选框的默认样式

纯css3替换CheckBox复选框和radio单选框的默认样式
在项目开发中我们经常会用到表单元素,而我们做出来的页面往往是要让用户看的,所以需要对表单默认的样式进行优化,这里以复选框CheckBox和单选框radio为例。自从有了css3这一切都变得那么简单,实现原理很简单,就是利用input与label相关联,对label进行美化并使其覆...

3个月前 (10-19) 109℃

css3制作3D旋转变形视频展示区

css3制作3D旋转变形视频展示区
通过我们之前学习的css3教程,相信大家对css3的属性不陌生,并有一定的认知,如何将学到的知识综合利用起来做些动画例子,我想这是很多学完css3教程后大家的心声,这也是检验我们能否学以致用的关键,也是一个巩固知识的过程,接下来我们一起用css3教程学到的知识做个3D旋转变形视频...

4个月前 (09-10) 71℃

css3制作3D旋转导航特效

css3制作3D旋转导航特效
这篇文章我们将带着大家做一个3D旋转导航特效,在做之前,大家需要有一定的css3变形transform和过渡transition等知识内容的学习,如果有的同学还是对这一块的知识相对薄弱的话,建议大家先去提高一下这些知识,推荐阅读《css3变形与动画(上)》和《css3变形与动画(...

5个月前 (09-08) 67℃

如何使table表格td中超出的文字以省略号显示

如何使table表格td中超出的文字以省略号显示
在现实开发中经常会遇到文字过长导致用户体验度不好的现象,所以我们常用到的解决方法就是使过长的文字隐藏显示省略号,鼠标滑过显示完整的文字,这样既解决了文字过长的问题,又使得用户体验更好。关键是纯css就能搞定,接下来就为小伙伴们介绍详细实现方法。 我们在控制一个div里的内容很简单...

5个月前 (08-31) 152℃

纯css实现table的表头固定tbody内容显示垂直滚动条

纯css实现table的表头固定tbody内容显示垂直滚动条
最近在做项目是经常用到table表格来做数据统计,数据少时还好,但是数据多就会导致整个页面看起来乱,用户体验不好,为了使得用户体验更好,所以就会为table的内容上显示滚动条,这样即使再多的数据也不怕因为过多导致页面显示难看。实现的方法有很多,这里列举几个比较好的整理下来,作为一...

5个月前 (08-30) 623℃

canvas 带泡泡的海草动画特效

canvas 带泡泡的海草动画特效
我们先来了解一下canvas是个什么东东!说白了就相当于是一块幕布,我们可以在这张幕布上利用JavaScript来绘画图标、图画等。 canvas是HTML5新增的一个组件,在以前没有canvas的时候,我们在网页上看的一些动画是不能够直接在上面显示的,那个时候需要JavaScr...

5个月前 (08-21) 161℃

css3 box-sizing: border-box属性解决日常开发遇到的小问题

css3 box-sizing: border-box属性解决日常开发遇到的小问题
input和select宽度不一致 在项目中我们写页面的时候,经常会遇到表单与表单之间的宽度不一致问题,比如下面的input和select,总是input比select长那么一点点,为什么呢? 还有就是input与自定义div下拉框宽度不一致问题 遇到这种情况,大家肯定会想到...

5个月前 (08-17) 130℃