css
9篇文章 · 0订阅
  • 使用 JS 来动态操作 css ，你知道几种方法？
    JavaScript 可以说是交互之王，它作为脚本语言加上许多 Web Api 进一步扩展了它的特性集，更加丰富界面交互的可操作性。这类 API 的例子包括WebGL API、Canvas API、DOM API，还有一组不太为人所知的 CSS API。 由于JSX和无数JS框…
    CSS JavaScript
  • 吃透移动端 1px｜从基本原理到开源解决方案
    最近在写移动端 H5 应用，遇到一个值得记录下来的点。现在从它的由来到实现，我们来聊一下移动端 1px，说 1px 不够准确，应该说成 1 物理像素。 CSS 像素 (虚拟像素)：指的是 CSS 样式代码中使用的逻辑像素，在 CSS 规范中，长度单位可以分为两类，绝对单位以及相…
    CSS
    吃透移动端 1px｜从基本原理到开源解决方案
  • 3D版翻页公告效果
    在逛小程序蘑菇街的时候，看到一个2D版滚动的翻页公告效果。其实看到这个效果的时候，一点都不觉得稀奇，因为之前也见过类似的。效果如下: 是不是一下子觉得有趣多了呢，那就赶紧和我去看下如何做出这种效果吧 。 这里给出了两种情况旋转前、旋转后的示意图，上面的平行四边形都是一个平面，可…
    Android
  • 花里胡哨的3D翻页卡片，隔壁产品都馋哭了
    阅读完本文约需8分钟。废不说，看图，有图有**带有立体纵深的卡片翻页效果，稍加组合和颜色变化就可以搭配出多种不同的风格，如：比赛比分牌卡片翻页时钟一、设计思路如何使得数字的变化更为灵动？3D纵深效果是
    Android
    花里胡哨的3D翻页卡片，隔壁产品都馋哭了
  • 翻页效果实现，小程序，H5，翻书效果
    本代码是实现小程序的左右滑动，点击翻书的效果，改改在H5也可以用。<image class="item_2" wx:if="{{ccccc}}" src="/images/fanye3.windowWidth: wx.getSystemInfoSync().windowHeigh...
    前端
  • 27 个 CSS 案例演示和 DEMO，不火没道理！
    本文是笔者写CSS时常用的套路。不论效果再怎么华丽，万变不离其宗。 1、交错动画 有时候，我们需要给多个元素添加同一个动画，播放后，不难发现它们会一起运动，一起结束，这样就会显得很平淡无奇。那么如何将
    CSS 前端
    27 个 CSS 案例演示和 DEMO，不火没道理！
  • 前端深入之css篇丨2020年，彻底掌握css动画【transition】
    说起来css动画是一个很尬的事，一方面因为公司用css动画比较少，另一方面大部分开发者习惯了用JavaScript来做动画，所以就导致了许多程序员比较排斥来学习css动画（至少我是），但是一个不懂css动画的前端工程师不能称之为掌握css3，其实当你真正学习css动画之后，你会…
    CSS
  • 前端深入之css篇丨2020年，彻底掌握css动画【animation】
    说起来css动画是一个很尬的事，一方面因为公司用css动画比较少，另一方面大部分开发者习惯了用JavaScript来做动画，所以就导致了许多程序员比较排斥来学习css动画（至少我是），但是一个不懂css动画的前端工程师不能称之为掌握css3，其实当你真正学习css动画之后，你会…
    CSS
  • CSS动画：animation、transition、transform、translate傻傻分不清
    在平时开发过程中，由于都是自己捣鼓玩的项目，并没有UI设计给我的设计图，更没有什么特效要求，导致对css动画一直都不是很熟悉，但是作为即将进入实习单位的萌新程序员，要时刻准备着设计师要求的各种动画，于是有了这一篇文章。 什么叫过渡？字面意思上来讲，就是元素从这个属性(color…
    CSS JavaScript 前端