07 2017 档案
摘要:效果对比图会滚动,脑补一下 DOM CSS JS(也可以单一只用css来实现),依赖JQ /*******************************************************/ 纯css实现版本 DOM
阅读全文
摘要:这是我模拟的效果图:图片自己去天猫扣吧 注:需要jQuery DOM(标注省略的位置复制粘贴一下a标签) CSS js
阅读全文
摘要:css -------aspect-ratio-boxes-------
阅读全文
摘要:效果图: DOM css 可以打开注释掉的css代码试一试就明白效果了
阅读全文
摘要:这是txt文件内容 注:安装nodejs bulid.js 在当前项目路径下使用cmd或者终端 搞定
阅读全文
摘要:上效果图 准备一张类似比例的图 DOM css
阅读全文
摘要:CSS常用属性: 字体属性:(font)大小 font-size: x-large;(特大) xx-small;(极小) 一般中文用不到,只要用数值就可以,单位:PX、PD样式 font-style: oblique;(偏斜体) italic;(斜体) normal;(正常)行高 line-heig
阅读全文
摘要:注:安装nodejs,百度很简单 在目录下创建一个任意的js文件,比如express.js web_antd是我的测试项目,这里需要使用node安装一下express和cors,使用cmd或者终端到express.js所在目录下(理论上你可以将express放在任何地方) 下面上一下express.
阅读全文
摘要:文字闪烁,介绍三种方式,效果图,脑补一下 上DOM css
阅读全文
摘要:书上偶然看到的 先上一张素材 DOM 关键点是 steps分布动画,每次50px,所以看起来就像是一个加载动画,试一试
阅读全文
摘要:效果图 用到的是css的 linear-gradient,使用线性渐变来设置背景色 首先设置一个圆角,先上HTML,就只是一个单单的容器 用点css美观一下 实现一个切角 45deg 效果如下 这里有一个知识点,个人理解 当将当前渐变色宽度设置为0 时,该颜色渐变宽度将会选择之前出现的颜色宽度的最大
阅读全文
摘要:效果图 首先来看一下html结构,很简单 这是css 想象一下,其实很多的菜单原理都是一样的,修改一下尺寸,修改一下定位就能购应用在很多场景,比如我模仿天猫写的的这个,当然下面这个需要结合js,相对复杂一些:
阅读全文
摘要:这是我在一本书上看到的,觉得还不错写出来分享一下,先来看一下效果图 很简单对不对,相信很多人都会想到,使用俩个容器,大概就是下面这个样子 然后给第一个容器设置背景色/padding,给子类容器设置圆角背景色,像下面这样 并没有什么问题,下面贴一种只需要一个dom就能完成的方式 css 使用box-s
阅读全文
摘要:刚开始的时候看到垂直居中就有点头大,现在写出来为后来的同学头不要再大 首先来看一下dom结构,一般是俩个容器, 第一种方式 也是很常用的一种方式 贴css代码 这相信很多人多会通过定位的方式是元素偏移 第二种方式 DOM结构同上 和前一种方式原理差不多只是使用transform代替了margin 第
阅读全文
摘要:空闲时间就记录一下,不定时更新,主要是自己写或者在书上看到的一些东西
阅读全文