先上代碼： 效果圖： 主要運用的是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邊框來 ...