07 2017 档案

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

点击右上角即可分享
微信分享提示