地图的使用场景非常广泛。地图定位可以更直观的说明位置以及周边环境，本篇主要引用了百度地图部分常用API。

动画在前端产品中是很重要的，它能增强用户体验，提升信息传达效果，还能塑造品牌形象。在数据产品中，精心设计的动画，可以直观地呈现复杂数据和信息，突出关键数据变化趋势，给用户深刻印象，提升品牌辨识度

下午摸鱼时接到一个客户的项目的需求，上来就要求“炫酷”和“科技感” 的数字孪生地图，还要把他们的模型都放上去，起初我以为又是一个可视化大屏的项目，准备用高德地图应付过去，然后他们又在群里

CSS制作创作者排行榜列表布局悬停交互效果。鼠标悬时产生阴影和放大显示，便于查看该项信息介绍，显示名次，其它项添加模糊程度与降低透明度，和当前项产生视觉对比突出操作焦点。引导用户关注当前悬停的内容。

基于threejs 封装的3D可视化地球组件，开箱即用 主要实现功能 根据geojson格式的json文件，渲染平面2D 和3D地图,地图可配置区域色，边界色 支持以贴图的方式实现用户设计的个性

一、对称胶囊 通过两个半个胶囊组合而成，分别控制颜色及圆角 二、半圆 设置一个长方形，长为宽的二倍 三、90°扇形 通过某一个角的圆角角度，实现扇形，不同方向还可以搭配旋转实现 四、4等份圆 四个盒子

HTML、CSS、JS实现堆叠照片轮播图片播放动画效果。图片都以堆叠的方式展示，当用户点击某张图片时，平滑移到左侧并旋转展示全貌1s后回到原处并旋转同时层级降低堆到其它图片背后，形成堆叠交错的效果🥪

CSS扑克牌悬停动画，过渡属性和旋转函数创建有趣生动的扑克牌悬停效果。色相旋转呈现出不同的颜色，当鼠标悬停在卡片上时，会产生旋转和位移展开动画效果并显示内容数字，以及鼠标点击时的背景颜色变化和位移效果

相信大伙都知道悬停效果吧，鼠标悬停的应用场景非常多，它是一个比较常见的功能。因此基于鼠标悬停来扩展的效果也是非常多的，今天就带大家来实现一个在文字上进行悬停分割的效果。