-
CSS如何设置小于12px的字号
106使用CSS文字调整属性来解决 对于内核为webkit的浏览器，禁止浏览器配置调整网页的字体大小，CSS定义方式：.adjustment-style { -webkit-text-size-adjust:none; font-size:9px; }，text-size-adjust 属性用来设定文字大小是否根据设备(浏览器)来自动调整显示大小，safari 3.0+，chrome 1.0+可以支持。属性值可以为三种：percentage：字体显示的大小；auto：默认，字体大小会根据设备/浏览器来自动调整； none:字体大小不会自动调整；有的地方说该属性最初专门是为iPhone版safari设计的，用...
详情 -
CSS超出宽度高度显示...
127注意，文字块必须设置宽度！ 针对单行文本 overflow:hidden;//超出宽度隐藏text-overflow:ellipsis;//溢出后显示省略号white-space:nowrap;//默认不换行； 针对多行文本 overflow:hidden;//超出宽度隐藏display:-webkit-box;-webkit-line-clamp:3;//文本行数-webkit-box-orient:vertical; ...
详情 -
CSS背景过滤器“backdrop-filter”
189backdrop-filter CSS属性允许您对元素后面的区域执行模糊、改变颜色等效果。因为它适用于元素后面的所有内容, 所以要查看效果, 必须使元素或其背景至少部分透明。 /*Keywordvalue*/backdrop-filter:none;/*不对背景应用任何过滤器*//*URLtoSVGfilter*/backdrop-filter:url(commonfilters.svg#filter);/*Filterfunctions*/backdrop-filter:blur(2px);/*模糊*/backdrop-filter:brightness(60%);/*亮度*/backdrop-filter:contrast(40%);/*对比度*/backdrop-filter:drop-shadow(4px4px10pxblue);/*图像后方阴影*/backdrop-filter:grayscale(30%);/*灰度*...
详情 -
夏天了，我们去海边走走
435
详情
... -
Web端高dpi图片适配方案
243面向高dpi显示屏的适配方案主要有以下几种： 1、javascript选择图片进行加载 方法：通过 window.devicePixelRatio 获取设备像素比率，获取屏幕宽度和高度，甚至可能通过navigator.connection或发出假请求，如foresight.js库做一些网络连接嗅探。 收集所有这些信息后再决定要加载哪个图片。 优点：兼容低版本浏览器 缺点：图像加载会有延迟 2、有服务端选择加载图片 方法：为每个图片编写自定义请求处理程序来处理。 这样的处理程序将基于User-Agent（中继到服务器的...
详情 -
Axure教程之巧用动态面板制作Tab切换
244
详情
每天进步一点，离大神的目标又近了一些。 小教程小经验，只是为了提高你的技能水平，把学到的经验灵活的运用到你的交互设计上，才是迈入大神圈子的第一步。 动态面板是一个非常有用组件，不但具有多页面属性，还具有绝对定位，溢出滚动等多种超强属性，所以动态面板的运用是必须要掌握的Axure技能。 巧用动态面板制作Tab切换 此案例里的一些重点如下： 1、 原件多种交互样式的运用 2、 原件选项组的运用 3、 动态面板多状态的运用 先看下演示... -
Axure教程之制作一个滑动验证组件
164每天进步一点，离大神的目标又近了一些。 小教程小经验，只是为了提高你的技能水平，把学到的经验灵活的运用到你的交互设计上，才是迈入大神圈子的第一步。 今天要讲的这个案例，如果你能琢磨透了，会对你有很大的帮助。 “滑动验证” 此案例里的一些重点如下： 1、 动态面板的运用 2、 动态面板宽度和内部元件的关系理解 3、 动态面板“拖动”交互动作的运用 4、 动态获取数值及动态计算的运用 5、 添加动作时，组合条件的运用 好了，不废...
详情 -
2018苹果iPhoneXS系列最新UI设计规范
239
详情
iPhoneXSMax、iPhoneXS、iPhoneXR，最新设计规范统统在这里！ 字体文件： BebasNeue.zip ... -
Axure教程之美化单选框复选框按钮
2390
详情
先看下视觉效果（想怎么好看，完全看你的个人设计水平） 单选框演示 https://9h9y3w.axshare.com/#g=1p=%E5%8D%95%E9%80%89%E6%A1%86%E5%8F%AF%E7%BC%96%E7%BB%84 复选框演示 https://9h9y3w.axshare.com/#g=1p=%E5%A4%8D%E9%80%89%E6%A1%86 图层原件 复选按钮 单选按钮 开始制作，两种选框图层元素的是一样的，此处不做重复，拿复选框作案例 1、 首先从元件库，拖一个复选框进来 随便起个名字，这里我起的名字叫“原件”，并且将原件设置为隐藏 2、画个圆角矩形，颜色随意，你自己喜欢 起名... -
分享一款高效的UEUIPM协作软件平台《蓝湖》
340
详情
蓝湖是什么？ 蓝湖是一款设计图共享平台，帮助互联网团队管理设计图。蓝湖可以自动生成标注，与团队共享设计图，展示页面之间的跳转关系。蓝湖支持从Sketch、Ps一键共享、在线讨论，而且蓝湖只需简单几步就能将设计图变成一个可以点击的演示原型，蓝湖还支持分享给同事，让他也可以在手机中查看设计效果。蓝湖已经成为新一代产品设计的工作方式。 最近试用了一下，感觉还不错，推荐给各位设计师小伙伴；一站式协作理念，以前我们生成标注...