c s s
10篇文章 · 0订阅
  • 你以为 CSS 只是个简单的布局？
    前几天看了一篇文章 ， 颠覆了我对 CSS 认识，心中无数次蹦出一个念头：'卧槽，卧槽，还能特么这么用，这特么太叼了' ... 本文中，所有的图形都是在单个标签内实现的，大量使用了 CSS3 中的 ::before 、::after 伪元素，transparent 、borde…
    CSS
  • 新的iOS开发方式，无需服务器，做自己的前端转原生iOS app的框架
    一个人做项目的时间有点久了，有时候为了修复一个小BUG 或者为更新一点内容就得去app store 审核，这个过程太漫长了，觉得烦躁了。 再就是有时候服务器的更新不及时，或者想自己控制app 内容。 考虑过引入ReactNative，但是这个东西，我自己觉得太过笨重了吧。 用现…
    HTML CSS JavaScript
  • 个人总结（css3新特性）
    css3这个相信大家不陌生了，是个非常有趣，神奇的东西！有了css3，js都可以少写很多！我之前也写过关于css3的文章，也封装过css3的一些小动画。个人觉得css3不难，但是很难用得好，用得顺手，最近我也在过一遍css3的一些新特性（不是全部，是我在工作上常用的，或者觉得有…
    CSS
  • 愈发熟练的 CSS 技巧
    rem+simple-flexible适配方案简单解析rem相对于根元素<html>的font-size的大小来计算坐作为一个单位；simple-flexible是根据手淘团队lib-flexible
    CSS JavaScript 前端
  • 利用CSS变量实现令人震惊的悬浮效果
    最近，我从 Grover网站上发现以一个好玩儿的悬停动画，也有了些自己的灵感。这个动画是将鼠标移动到订阅按钮上移动光标会显示相应的彩色渐变。这个想法很简单，但是它能使这个按钮脱颖而出，人们一下子就注意到它了，增加了点击的概率。 怎样才能达到这个效果，使我们的网站脱颖而出呢？其实…
    前端 CSS
    利用CSS变量实现令人震惊的悬浮效果
  • 在 React、Vue项目中使用 SVG
    在一些现代的扁平化设计网站，特别是移动端网站，经常会包含许多简单而清晰的小图标，例如网站图标、用户的默认头像、移动端网页首页底部固定的切换栏等，这些小图标一般都是由美工做好，可能会放到精灵图上，前端再
    图片资源 SVG Icon
  • CSS经典布局之Sticky footer布局
    我们常见的网页布局方式一般分为header（页头）部分,content（内容区）部分和footer（页脚）部分。当页头区和内容区的内容较少时，页脚区不是随着内容区排布而是始终显示在屏幕的最下方。当内容区的内容较多时，页脚能随着文档流撑开始终显示在页面的最下方。这就是传说中的St…
    CSS 前端
  • Web自适应布局你需要知道的所有事儿
    有这样一个问题。 别急，下面我们就开始逐一分析各种方法在web自适应布局下的使用姿势，最后做个总结。 本文的所有例子使用了同一种三栏布局。源代码点我 1. 浮动布局 float:left|right 最常用的布局方式之一，设置了float的元素脱离了文档流。需要注意在使用过浮动…
    CSS 前端 flexbox
    Web自适应布局你需要知道的所有事儿
  • 敲酷炫的 ViewPager 切换效果和弹性指示器。
    效果真是酷炫极了，感觉很biu踢，咱们说做就做。 多谢老铁随手就是一个star，抱拳。 Step 1. Add the JitPack repository to your build file Step 2. Add the dependency 一个贝(ri)塞(ben)尔…
    GitHub
    敲酷炫的 ViewPager 切换效果和弹性指示器。