增加li精品文章

• 

  前端每日實戰(zhàn)：112# 視頻演示如何用純 CSS 創(chuàng)作切換背景的按鈕懸停效果

  ...面的背景塊向右下偏移，并且讓前面的背景塊投放陰影，增加立體效果： nav li::before { box-shadow: 0.2rem 0.2rem 0.5rem rgba(0, 0, 0, 0.2); } nav li::after { transform: translate(1.5rem, 1.5rem); } 接下來增加懸停效果。 設置緩動時間，主元素和...

  30e8336b8229 2019-08-29 16:27 評論0 收藏0
• 

  前端每日實戰(zhàn)：112# 視頻演示如何用純 CSS 創(chuàng)作切換背景的按鈕懸停效果

  ...面的背景塊向右下偏移，并且讓前面的背景塊投放陰影，增加立體效果： nav li::before { box-shadow: 0.2rem 0.2rem 0.5rem rgba(0, 0, 0, 0.2); } nav li::after { transform: translate(1.5rem, 1.5rem); } 接下來增加懸停效果。 設置緩動時間，主元素和...

  qc1iu 2019-08-02 11:18 評論0 收藏0
• 

  前端每日實戰(zhàn)：19# 視頻演示如何用純 CSS 創(chuàng)作一種有削鐵如泥感覺的菜單導航特效

  ...yellow; } 隱藏文本： .menu li { color: transparent; } 用偽元素增加文本： .menu li { position: relative; } .menu li::before { content: attr(data-text); position: absolute; top: 0; left: 0...

  李濤 2019-08-29 15:21 評論0 收藏0
• 

  前端每日實戰(zhàn)：19# 視頻演示如何用純 CSS 創(chuàng)作一種有削鐵如泥感覺的菜單導航特效

  ...yellow; } 隱藏文本： .menu li { color: transparent; } 用偽元素增加文本： .menu li { position: relative; } .menu li::before { content: attr(data-text); position: absolute; top: 0; left: 0...

  Jiavan 2019-08-02 10:24 評論0 收藏0
• 

  前端每日實戰(zhàn)：32# 視頻演示如何用純 CSS 創(chuàng)作六邊形按鈕特效

  ...ns-serif; text-align: center; line-height: var(--h); } 用偽元素增加2個傾斜的矩形： nav ul li { position: relative; } nav ul li::before, nav ul li::after { content: ; position: absolute; ...

  andycall 2019-08-29 15:32 評論0 收藏0
• 

  前端每日實戰(zhàn)：32# 視頻演示如何用純 CSS 創(chuàng)作六邊形按鈕特效

  ...ns-serif; text-align: center; line-height: var(--h); } 用偽元素增加2個傾斜的矩形： nav ul li { position: relative; } nav ul li::before, nav ul li::after { content: ; position: absolute; ...

  MycLambert 2019-08-02 10:33 評論0 收藏0
• 

  前端簡單的灰度方案，使用nginx

  ...lt;/li>3、前端打包的時候，給請求的接口增加版本號2.0.0，請求接口，通過版本號判斷訪問的后端灰度服務。2、優(yōu)缺點實...

  社區(qū)管理員 2022-10-08 14:49 評論0 收藏0
• 

  前端每日實戰(zhàn)：44# 視頻演示如何用純 CSS 創(chuàng)作背景色塊變換的按鈕特效

  ... transform: rotate(-25deg); background: white; } 設置緩動延時，增加動畫效果： li:hover span { transition-delay: calc(80ms * var(--n) + 10ms); } li:hover span::before { transition-delay: calc(80ms *...

  Jenny_Tong 2019-08-29 15:36 評論0 收藏0
• 

  前端每日實戰(zhàn)：44# 視頻演示如何用純 CSS 創(chuàng)作背景色塊變換的按鈕特效

  ... transform: rotate(-25deg); background: white; } 設置緩動延時，增加動畫效果： li:hover span { transition-delay: calc(80ms * var(--n) + 10ms); } li:hover span::before { transition-delay: calc(80ms *...

  Shisui 2019-08-02 10:37 評論0 收藏0
• 

  前端每日實戰(zhàn)：126# 視頻演示如何用純 CSS 創(chuàng)作小球變矩形背景的按鈕懸停效果

  ... li::after { transition: 0.5s cubic-bezier(0.5, -0.5, 0.25, 1.5); } 再增加幾個按鈕： home products services contact 最后，增加按鈕之間的間距： nav li { margin: 0.8em;...

  U2FsdGVkX1x 2019-08-02 16:03 評論0 收藏0