CSS
qq_23944441
最美的不是生如夏花,而是在时间的长河里波澜不惊。
展开
-
10个优秀视差滚动插件
出处:https://www.w3cplus.com/source/10-best-Parallax-Scrolling-plugin.htmlParallax ScrollingPlus“Parallax Scrolling”这个词在2012年下半年的Web设计上越来越流行,一开始并不知道他是什么东东,只是字面上译为“视差滚动”,但对于实质上的东西,了解的并不是太多。随着2013年到来,国外很多...转载 2018-03-20 15:27:03 · 1023 阅读 · 1 评论 -
20个不错的CSS 工具
说到 WEB 设计,不得不介绍介绍 CSS 工具,CSS 工具在这里面扮演很重要的角色,可以简化无数开发者和设计师的工作,写出更好的 CSS 代码。而网上有非常多的 CSS 工具,帮助设计师和开发者高效的工作和进行更多创新的创作,设计师和 web 开发者也把越来越多的 CSS 工具收入为自身的开发和设计利器。在这篇文章中,我们罗列了 2014 年最好的 20 款 CSS 工具,希望能帮助大家简化自...转载 2018-03-20 15:42:10 · 407 阅读 · 0 评论 -
wow.min.js 支持css3多种动画的效果!
下载地址:http://www.bootcdn.cn/wow/今天发现一个非常有趣的js,wow.min.js,Wow.js 允许用户滚动页面的时候展示 CSS 动画。默认的,用户可以使用它来出发 animate.css 动画。但是用户也可以非常容易修改设置喜欢的动画库。Wow.js 比其他 JavaScript 视差插件小,类似 Scrollorama(这个非常华丽,但是也更繁杂)。wow.mi...转载 2018-04-02 16:50:45 · 12542 阅读 · 1 评论 -
wow.js 支持css3多种动画的效果
今天发现一个非常有趣的js,wow.min.js,Wow.js 允许用户滚动页面的时候展示 CSS 动画。默认的,用户可以使用它来出发 animate.css 动画。但是用户也可以非常容易修改设置喜欢的动画库。Wow.js 比其他 JavaScript 视差插件小,类似 Scrollorama(这个非常华丽,但是也更繁杂)。wow.min.js 非常容易安装和使用。如果你使用 Wow.js,你可以...转载 2018-03-20 16:13:47 · 836 阅读 · 0 评论 -
CSS display属性的表格布局相关属性的解释
table 此元素会作为块级表格来显示(类似 <table>),表格前后带有换行符。table-row-group 此元素会作为一个或多个行的分组来显示(类似 <tbody>)。table-header-group 此元素会作为一个或多个行的分组来显示(类似 <thead>)。table-footer-group 此元素会作为一个或多个行...转载 2018-04-02 15:27:32 · 284 阅读 · 0 评论 -
@media实现网页自适应中的几个关键分辨率
不同分辨率设备或不同窗口大小下网页布局经常是不同的,一不小心就会发生错位。可以利用@media screen实现网页布局的自适应,但是怎样兼容所有主流设备就成了问题。到底分辨率是多少的时候设置呢?首先看下面的代码,这是从bootstrap中遍历出来的,min-width来确认分别是768、992、1200。当然了过去也有些设备宽度是600、480的,那些小分辨率的我们都归类为小于767的。为什么是...转载 2018-04-02 17:14:02 · 689 阅读 · 0 评论 -
Web 开发中很实用的10个效果【源码下载】
出处:http://www.yyyweb.com/350.html在工作中,我们可能会用到各种交互效果。而这些效果在平常翻看文章的时候碰到很多,但是一时半会又想不起来在哪,所以养成知识整理的习惯是很有必要的。这篇文章给大家推荐10个在 Web 开发中很有用的效果,记得收藏!超炫的页面切换动画效果今天我们想与大家分享一组创意的页面切换熊效果集合。我们已经在示例中罗列了一组动画,可以被应用到页面切换过...转载 2018-04-18 14:00:29 · 191 阅读 · 0 评论 -
纯CSS3属性animation实现的打字效果
出处:https://blog.csdn.net/u013018357/article/details/50765707<h1 class="word title-h">文字内容,打字效果。。。</h1>1css样式.word{ text-align: center; color: black; width:100%; white-space...转载 2018-04-23 13:55:49 · 1730 阅读 · 0 评论 -
word-wrap同word-break的区别
white-space作用于空格和回车,用于控制空格是否合并、回车是否可折行、句子太长是否在空格处折行常用取值不同的作用 normal: 多个连续的空格会被合并为一个,回车会被忽略,同时句子如果太长,会在空白处折行nowrap: 与normal不同的一点是如果句子长了也不会折行常用的省略号的实现.classA { text-overflow:ellipsis; white-spac...转载 2018-04-27 17:09:56 · 242 阅读 · 0 评论