网站首页 cssanimation属性

• 

  五大顶级CSS性能优化工具，值得程序员一试!

  为什么Web页面的加载速度如此重要？在这个信息化的时代，如果一个网站的加载时间过长，大部分用户会极其不耐烦地选择“关掉”！这让辛辛苦苦熬夜敲代码的程序员们情何以堪，不管网站功能如何强大，用户根本都没来得及看一眼，结果网站访问量越来越少，粉丝...

  2025-02-08 nixiaole 知识剖析 13 ℃
• 

  38个CSS资源升级你的CSS技能

  公众号web前端开发英文|https://hulyakarakaya.medium.com/level-up-your-css-with-these-38-resources-c0de7ecd8714翻译|杨小二大家好，今天我将向...

  2025-02-08 nixiaole 知识剖析 15 ℃
• 

  一句话让图片动起来，苹果发力大模型动画生成，可直接编辑结果

  机器之心报道编辑：陈萍苹果最新的AI工具可以使用文本描述为图像制作动画。现阶段，大模型惊人的创新能力持续影响着创意领域，尤其是以Sora为代表的视频生成技术，更是引领了新一代潮流。当大家都为Sora感到震撼的同时，或许苹果的这项...

  2025-02-08 nixiaole 知识剖析 13 ℃
• 

  文档画中画之跨页面播放队列

  2023年8月中旬文档画中画特性跟随chrome116版本发布，基于该功能特性，我们于2023年10月中旬启动了B站跨页面播放队列功能的开发与功能灰度，并于2024年6月中旬完成了灰度全量。目前该功能入口位于B站网页端的首页，点击首页右侧对...

  2025-02-08 nixiaole 知识剖析 15 ℃
• 

  手把手教你H5实现工厂游戏的CSS动画效果「实践」

  作者：吴冠禧WecTeam转发连接：https://mp.weixin.qq.com/s/u5GHsA0vHz8A_MmGslRw2g0契机与背景今年Q1（2020年第一季度）参与了京喜事业部「京喜工厂」业务的前端开发。用户可以通过「京...

  2025-02-08 nixiaole 知识剖析 13 ℃
• 

  最近在做动画相关的项目，推荐 11 个好用的 JS 动画库

  作者：JonathanSaring译者：前端小智来源：medium为了保证的可读性，本文采用意译而非直译。1.Three.js超过46K的星星，这个流行的库提供了非常多的3D显示功能，以一种直观的方式使用WebGL。这个库提供了、、C...

  2025-02-08 nixiaole 知识剖析 12 ℃
• 

  HTML/CSS 备忘录 - 13. CSS3 变换/过渡/动画

  一、2D变换1.2D位移/*x轴方向位移30px*/transform:translateX(30px);/*分别设置x轴与y轴的位移*/transform:translateX(30px)transl...

  2025-02-08 nixiaole 知识剖析 14 ℃
• 

  Dynamics.js – 创建逼真的物理动画的 JS 库

  Dynamics.js是一个用于创建物理动画JavaScript库。你只需要把dynamics.js引入你的页面，然后就可以激活任何DOM元素的CSS属性动画，也可以结合SVG使用。Dynamics.js是一个用于创...

  2025-02-08 nixiaole 知识剖析 16 ℃
• 

  如何使用CSS实现旋转地球动画效果

  旋转地球功能实现主要借助于CSS动画效果完成，通过移动地图背景图层，云彩图层等，在视觉上呈现出旋转地球效果。旋转地球最终实现效果如下图所示：设计思路与核心技术旋转地球效果实现主要借助于animation动画属性完成，在动画关键之keyfra...

  2025-02-08 nixiaole 知识剖析 12 ℃
• 

  前端开发-CSS3动画实现焦点(图文轮播)图效果

  焦点图主要是指网页焦点位置的图片，一般焦点图可以是单张图，也可以是一组动态切换的图片的组合。由于处在终端用户视觉焦点位置因此焦点图的作用至关重要，焦点图也成为网站首页面设计的重点。焦点图样式如下所示：常用实现焦点图或者轮播图的前端技术较多，...

  2025-02-08 nixiaole 知识剖析 15 ℃