用户中心USER CENTER

首页/用户
  • css3属性transform-origin属性讲解

    摘要:是里的变换属性,常用的有平移旋转倾斜缩放方法。默认情况下,元素的动作参考点为元素盒子的中心。语法默认值,效果等同于适用于所有块级元素及某些内联元素取值用百分比指定坐标值。该属性提供个参数值。对应的脚本特性为。 transform是CSS3里的变换属性,常用的有translate(平移)、rotate(旋转)、skew(倾斜)、scale(缩放)方法。而transform-origin并...

    vibiu 发布于Css
  • 开发一个自己的 CSS 框架(五)

    摘要:基于的网格布局代表单行结构。而主轴对齐方式用到了几个字母,在中间所以代表居中,左边,右边,代表元素之间有间隔,代表开始结束的也有间隔。副轴的我就没有继续添加了。 这一期我们继续完成我们的网格布局 容器类 通过一个 # 占位符,来减少代码输出量。 #container padding-right: 15px padding-left: 15px margin-right: a...

    vibiu 发布于Css
  • 关于input的一些问题解决方法分享

    摘要:输入框首尾清除空格在中监听键盘事件移动端底部被弹出的键盘遮挡输入框是通过一直放在页面底部,当点击进行输入的时候,就会出现如下图片情况有的机型会遮挡一些。 前言 input是我们接受来自用户的数据常用标签,在前端开发中,相信每个人都会用到这个标签,所以在开发过程中也时候也会遇到一些问题,本文的内容是我在跟input相爱相杀过程中产生的,在此记录分享一下。如果喜欢的话可以点波赞/关注,支持...

    vibiu 发布于Css
  • flip你的动画

    摘要:如果你看到我的前一篇文章一篇文章说清浏览器解析和动画优化,理解本篇文章还是很简单的。,元素的终止状态。这会打断正在运行的动画,这是糟糕的。关键是确保你的预计算在用户响应的空闲时间执行,这样两个动画就不会冲突了。 在vue官方文档上看到vue使用flip做动画,就去研究了一下。这是一个准则,协调js和css对动画的操作。如果你看到我的前一篇文章一篇文章说清浏览器解析和CSS(GPU)动画...

    vibiu 发布于Css
  • [聊一聊系列]聊一聊移动web分辨率的那些事儿

    摘要:会各种折行,样式错乱,那么细致如苹果肯定不允许这种事情发生。又一次变迁苹果公司在年,推出了新一代的,他们的屏幕都比要宽要大。 欢迎大家收看聊一聊系列,这一套系列文章,可以帮助前端工程师们了解前端的方方面面(不仅仅是代码): https://segmentfault.com/blog/frontenddriver 不同于PC时代,移动web的样式更加多样,也由于手机分辨率的碎片化,移动w...

    vibiu 发布于Css
<