先上代码： 效果图： 主要运用的是1.border 组成的直角三角形。2，before 和 after 伪元素 。3，z-index属性 1. 将元素的长宽设置为0，并且将border的3条边设置为透明的，就会出现border颜色的直角三角形 ...

虽然走马灯的效果看起来很简单，网上也有很多的教程能够直接copy，然而还是第一次研究这个的实现方法。 先把div给定义出来，写好布局。 在实际滚动中，其实只有6个div，后面的4个div是为了做成一个假象，形成一个无缝衔接。 css: #box的宽度 ...

在html中设置class： css中如下所示： ...

Carousel 走马灯 在之前的走马灯效果的实现中，由于使用的是js原生代码实现走马灯效果，导致实现效果页面不美观，代码量大。 今天要介绍的是ELement ui 组件中的 Carousel 走马灯。 其实现简单，容易上手，且效果美观。 首先安装element ui 之后再 ...

前提：气泡框或者提示框是网页很常见的，实现它的方式有很多，我们以前最常用的就是切图片 然后通过 "定位" 方式 定位到相应的位置，但是用这种方式维护很麻烦，比如设计师想改成另外一种或者另外一种颜色 那我们只有再次切图片等。下面我们来学习下使用html+css来实现这种效果！ 如下效果 ...

在开发过程中，我们可能会经常遇到这样的需求样式： 这张图是截取京东消息通知的弹出框，我们可以看到右上方有个三角形的气泡效果，这只是其中一种，三角形的方向还可以是上、下、左、右。 通过截图可以发现，气泡由正三角形和圆角长方形组成，于是可以通过组合来形成三角形气泡的效果，下面我们通过三种方式 ...

以为这一个Activity的实现应该相当简单，不料过程依旧十分曲折。不多说，先上最终效果图： 　　 ...

的效果。 我们现在需要创建对话浮层下面的那个三角形的指向标志了。不使用图片，我们使用CSS边框来 ...