摘要: 前面移动端的布局我写了2篇。第一篇 "媒体查询结合rem实现移动端布局" 。之后又写了一篇 "vw结合rem实现移动端布局" 。今天我要给大家再介绍一种更简便的方法。 第三种:flexible.js (750px) 实现步骤: 1:先去掉禁止用户缩放的meta标签 2:在页面中导入flexible. 阅读全文
posted @ 2019-01-19 16:45 风往南 阅读(678) 评论(0) 推荐(0) 编辑
摘要: 继上一篇 "《媒体查询结合rem实现移动端布局》" 的改进! 还是以昨天写的页面为例 上一回说到了媒体查询结合rem做移动端布局,步骤如下 首先设置媒体查询,确定html中font size值的变化 实现步骤: 1:例如设计图为750px .设计图量出height为88px; 2:考虑dpr为2,量 阅读全文
posted @ 2019-01-19 16:22 风往南 阅读(236) 评论(0) 推荐(0) 编辑
摘要: 工作要选高薪的,还是选喜欢的? 认知选择一份工作,也不仅仅是选择这份工作本身,而是用你的思考方式,去选择一系列的工作的组合。 图上能看出3点提示: 1.有多喜欢、薪酬高低,甚至工作本身,都是会变的 2.任何一份工作,都无法完全决定你的职场高度 3.工作组合1,看起来更普遍一些 0... 阅读全文
posted @ 2019-01-19 15:54 风往南 阅读(212) 评论(0) 推荐(0) 编辑
摘要: 这个案例跟我上一次发布的文章案例——旋转木马相册比较像,但更简单一点,用不到translate,只需要用rotate,而且不分x轴,Y轴,z轴。案例效果图如下: 分析:摩天轮和中间的标题是两张导入的图片。它们都是定位到游览器的正中央,摩天轮图片我用的是固定定位,这样就可以避免产生竖向滚动条了。其它的 阅读全文
posted @ 2019-01-19 15:18 风往南 阅读(366) 评论(0) 推荐(0) 编辑
摘要: 本文内容整理自微信公众号同名文章 • 认知 • 技术岗和非技术岗。非技术岗则分为设计、产品、运营、策划、编辑等岗位。另外还有一些职能部门,例如财务、销售、人资等等。 • 对于普通人来说,想要进入互联网行业,可以从非技术岗入手。如果要让我在非技术岗中推荐一个岗位,我会推荐运营岗。 • 原因 • 互联网 阅读全文
posted @ 2019-01-19 11:56 风往南 阅读(1075) 评论(0) 推荐(0) 编辑
摘要: html样式 一、二、三这三个点数很容易,div里面有几个点就加几个span。到了四,就需要进行分组。四分两组,五和六分三组 css代码 先写容器骰子的样式 接下来写点数span的样式,写一、二、三点。 先把骰子的六个面在游览器水平居中排列:六个div,给它们设置相同的样式。同时body要把它转换成 阅读全文
posted @ 2019-01-19 11:37 风往南 阅读(554) 评论(0) 推荐(0) 编辑
摘要: 成品如下 该案例运用了3d旋转位移transform属性,代码很简练,难点是因为是三维效果,需要有空间感,在脑海里要构建3d画面。每张照片自转的同时也在围绕小人在公转,公转的圆是还是上下起伏的。下面跟着我来看如何实现这些效果 html代码 图片少放点多放点没关系。但会涉及到旋转的度数问题。我放了10 阅读全文
posted @ 2019-01-19 11:00 风往南 阅读(230) 评论(0) 推荐(0) 编辑
摘要: 今天给大家分享下线条缩放小案例 案例原型如下 html代码 css代码 四个线条是div的边框,一个设置两条宽,一个设置两条高,不用设置背景。线条摆放的位置要用定位写 接下来就是鼠标滑过后的样式了 制作的效果比较简陋,如下图所示 阅读全文
posted @ 2019-01-19 10:15 风往南 阅读(134) 评论(0) 推荐(0) 编辑
摘要: 跟大家分享一个利用transform:rotate( )制作折扇小案例的过程! 制作思路:扇子是由一个个不同颜色的小长方形围绕自身相同的旋转原点旋转而成的。所有的小方块都是在一个大方块里,只是大方块没设置背景颜色,只设置了下边框。鼠标没滑过前,所有的小方块是折叠在一起的,这个折叠是通过定位做的。接下 阅读全文
posted @ 2019-01-15 18:59 风往南 阅读(183) 评论(0) 推荐(0) 编辑
摘要: 过渡效果小案例思路:section设宽高,div设宽高。加浮动。最右边的图超出section,加overflow。 鼠标滑动效果:所有div先同时变小,然后单击某一个div时图片放大 做到最后,出现个小bug:偶尔有图会掉下来。这是因为section的宽度不够了,包不住所有浮动的图片。解决方案:在所 阅读全文
posted @ 2019-01-15 18:23 风往南 阅读(147) 评论(0) 推荐(0) 编辑