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