随笔分类 -  css

拿来即用的loading效果
摘要：简单实用的几款，中午整理的，下午就用到了*。* 大致这样 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> /*loading_type1*/ .loading_ty 阅读全文
posted @ 2018-02-24 17:04 Merrys 阅读(174) 评论(0) 推荐(0)
读jquery-weui的rem.less
摘要：和sui、light7有一些渊源，项目使用的是light7，不过其他两者的文档也都看了，感觉不到大的差别。 1.默认的是竖屏情况下的展示。隐约的表明我们要自己禁止横屏或是自己做横屏适应。我的做法是用户横屏时直接出弹框提示。 2.以375px宽设备的逻辑像素为基准 20px=1rem，计算公式为 x/ 阅读全文
posted @ 2017-12-24 17:27 Merrys 阅读(507) 评论(0) 推荐(0)
读bootstrap的栅格系统
摘要：bootstrap中栅格布局源码。主要是为了多熟悉less，然后就是更加痛彻的明白bootstrap的原理。 (一)布局容器 less\grid.less .container { .container-fixed(); @media (min-width: @screen-sm-min) { wi 阅读全文
posted @ 2017-12-06 23:03 Merrys 阅读(279) 评论(0) 推荐(0)
less语言特性(翻译)
摘要：一、Mixin Mixins are a way of including ("mixing in") a bunch of properties from one rule-set into another rule-set. Mixins是一种将（一组样式规则）添加到（另一组样式规则中）的方法。 阅读全文
posted @ 2017-12-03 16:53 Merrys 阅读(455) 评论(0) 推荐(0)
散装web前端技术
摘要：1.transitiontransition两个时间，一个时长，一个延时，正负值都可；transition-delay负值过渡的效果，过渡效果立即开始，开始位置是过渡动画中的某个位置；拆分过渡，合并过渡；模拟长按效果 监听元素触摸事件touchstart和touchend添加动画类，再监听动画事件' 阅读全文
posted @ 2017-08-13 22:42 Merrys 阅读(218) 评论(0) 推荐(0)