
css3
我不是一个假前端
这个作者很懒,什么都没留下…
展开
-
CSS通过transition 实现的鼠标滑过边框线条动画特效原理
transition: property duration timing-function delay;transition主要包含四个属性值:执行变换的属性transition-property,变换延续的时间transition-duration,在延续的时间段内,变换的速率变化transition-timing-function,变换延迟时间transition-delay。页面仅需:<...原创 2018-05-05 12:55:47 · 8704 阅读 · 1 评论 -
px、em、rem、rpx 用法 与 区别
这篇文章记录前端(包含小程序)开发中常用到的几个单位 px、em、rem、rpx 的区别和用法。px px像素(Pixel)。相对长度单位。像素px是相对于显示器屏幕分辨率而言的。 PX特点 1. IE无法调整那些使用px作为单位的字体大小; 2. 国外的大部分网站能够调整的原因在于其使用了em...转载 2018-06-12 14:41:29 · 22472 阅读 · 1 评论 -
纯CSS实现瀑布流布局
瀑布流布局有一个专业的英文名称Masonry Layouts。瀑布流布局已经有好多年的历史了,我最早知道这个名词的时候大约是在2012年,当时Pinterest网站的布局就是使用的这种流式布局,简言之像Pinterest网站这样的布局就称之为瀑布流布局,也有人称之为Pinterest 布局。瀑布流布局其核心是基于一个网格的布局,而且每行包含的项目列表高度是随机的(随着自己内容动态变化高度),同时每...原创 2018-06-08 09:06:30 · 415 阅读 · 1 评论 -
h5 实现跑马灯效果
最近有个项目需要跑马灯的效果,然而本人比较懒,不想写js;于是搜索了一下,知道h5中有这么一个标签可以实现跑马灯效果! 这里给大家分享一下:marquee标签不是HTML3.2的一部分,并且只支持MSIE3以后内核,所以如果你使用非IE内核浏览器(如:Netscape)可能无法看到下面一些很有意思的效果,该标签是个容器标签。&lt;marquee&gt; 需要滚动的文字 需要...原创 2018-07-01 21:27:10 · 3542 阅读 · 0 评论