css
6篇文章 · 0订阅
  • D3.js 教程: 使用 JavaScript 创建可交互的柱状图
    团队小伙翻译文章，一起学d3
    SVG d3.js JavaScript
  • 怎么实现一个3d翻书效果
    这种整页翻转的效果主要是做rotateY的动画，并结合一些CSS的3d属性实现。 主要是通过计算页面翻折过来的位置。 这两种原理上都不是很复杂，需要各个细节配合好，形成一个连贯的翻书动画。 我们先重点说一下第一种翻页效果的实现。 1. 基本布局 一个li.paper就表示一张纸…
    CSS JavaScript 前端
    怎么实现一个3d翻书效果
  • 移动端适配知识你到底知多少
    CSS像素：web编程用到的，我们在JS和CSS中使用的10px就是CSS像素，是可变的。CSS像素受屏幕缩放和设备像素比（dpr）的影响。如我们网页的中的字体在网页放大之后会变大，还有在移动端看起来会比PC端小一些 ...... Retina屏幕即视网膜屏幕，是苹果发布iph…
    CSS JavaScript 前端
    移动端适配知识你到底知多少
  • 修复苹果iOS 原生键盘遮挡input框
    最近在做一个仿微信的聊天界面，有一个固定在页面底部的input框，本来使用fixed定位在底部，在android手机上没有任何问题，但在iOS上当点击输入内容的时候会出现不同情况的原生键盘遮挡输入框的情况。度娘出了很多解决方法，但没有一个方法可以完美解决，而且发现很多人都有这个…
    iOS 前端 微信
    修复苹果iOS 原生键盘遮挡input框
  • 不可思议的纯CSS导航栏下划线跟随效果
    在继续阅读下文之前，你可以先缓一缓。尝试思考一下上面的效果或者动手尝试一下，不借助 JS ，能否巧妙的实现上述效果。 OK，继续。这个效果是我在业务开发的过程中遇到的一个类似的小问题。其实即便让我借助 Javascript ，我的第一反应也是，感觉很麻烦啊。所以我一直在想，有没…
    JavaScript 前端 CSS
    不可思议的纯CSS导航栏下划线跟随效果
  • 记手撸一个轮播组件的踩坑之旅
    因为前前后后做了两种实现，第二种是在第一种的基础上优化的（其实第一种没做完），所以分开来讲。 图中红线区域即是我们的视口（其他图片会被隐藏）。 这个轮播只展示5张图片，但是在它的首尾各还有两张图片，在图1前面放置了图5，在图5后面放置了图1。 之所以这么做，是为了做无限滚动。 …
    Vue.js JavaScript 前端
    记手撸一个轮播组件的踩坑之旅