-
-
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%);/*灰度*...
详情 -
夏天了,我们去海边走走
436 详情 -
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设计规范
239iPhoneXSMax、iPhoneXS、iPhoneXR,最新设计规范统统在这里! 字体文件: BebasNeue.zip ...
详情 -
Axure教程之美化单选框复选框按钮
2392先看下视觉效果(想怎么好看,完全看你的个人设计水平) 单选框演示 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一键共享、在线讨论,而且蓝湖只需简单几步就能将设计图变成一个可以点击的演示原型,蓝湖还支持分享给同事,让他也可以在手机中查看设计效果。蓝湖已经成为新一代产品设计的工作方式。 最近试用了一下,感觉还不错,推荐给各位设计师小伙伴;一站式协作理念,以前我们生成标注...
详情