相關(guān)文章

• 

  漲姿勢了，有意思的氣泡 Loading 效果

  今日，群友提問，如何實(shí)現(xiàn)這么一個(gè) Loading 效果： 這個(gè)確實(shí)有點(diǎn)意思，但是這是 CSS 能夠完成的？ 沒錯，這個(gè)效果中的核心氣泡效果，其實(shí)借助 CSS 中的濾鏡，能夠比較輕松的實(shí)現(xiàn)，就是所需的元素可能多點(diǎn)。參考我們之前的： 使用純 CSS 實(shí)現(xiàn)超酷炫的粘性氣泡效果 巧用 C

  2023年04月13日

  瀏覽(22)
• 

  【動畫進(jìn)階】有意思的網(wǎng)格下落漸次加載效果

  最近，群友貼了一個(gè)非常有意思的動畫效果，整體動畫效果如下： 點(diǎn)擊某個(gè)按鈕后，觸發(fā)一個(gè)動畫效果，原本的網(wǎng)格內(nèi)容，將按順序（又帶點(diǎn)隨機(jī)的效果）從高處下落進(jìn)行加載填充動畫。 當(dāng)然，我個(gè)人認(rèn)為這個(gè)動畫有點(diǎn)華而不實(shí)，主要體現(xiàn)在這個(gè)動畫一次需要耗費(fèi)較長時(shí)間

  2024年02月16日

  瀏覽(31)
• 

  第五期：字符串的一些有意思的操作

  PS：每道題解題方法不唯一，歡迎討論！每道題后都有解析幫助你分析做題，答案在最下面，關(guān)注博主每天持續(xù)更新。 1. 替換空格 題目描述 請實(shí)現(xiàn)一個(gè)函數(shù)，把字符串 s 中的每個(gè)空格替換成\\\"%20\\\"。 示例1： 輸入：s = “We are happy.” 輸出：“We%20are%20happy.” 示例2： 輸入：s =

  2024年02月08日

  瀏覽(89)
• 

  【動畫進(jìn)階】有意思的 Emoji 3D 表情切換效果

  最近，群里面的同學(xué)發(fā)了這么一個(gè)非常有意思是動畫效果： 原效果地址 -- CodePen Demo -- Letter Hop 當(dāng)然，原效果，主要使用了 GSAP 動畫庫以及一個(gè) 3D 文字 JavaScript 庫： 但是，這個(gè)效果，其實(shí)本身并不復(fù)雜。 本文，我們將不借助任何動畫庫，嘗試用最簡單的 CSS 和 JavaScript 代碼還

  2024年02月14日

  瀏覽(23)
• 

  分享一個(gè)有意思的文字飛入動畫（模仿水滴融合）

  先上效果圖： 代碼如下：

  2024年02月01日

  瀏覽(29)
• 

  有意思！一個(gè)關(guān)于 Spring 歷史的在線小游戲

  發(fā)現(xiàn) Spring One 的官網(wǎng)上有個(gè)好玩的彩蛋，分享給大家！ 進(jìn)到Spring One的官網(wǎng)，可以看到右下角有個(gè)類似馬里奧游戲中的金幣圖標(biāo)。 點(diǎn)擊該金幣之后，會打開一個(gè)新的頁面，進(jìn)入下面這樣一個(gè)名為：The History Of Spring 的在線小游戲 你可以使用上下左右的方向鍵來控制Spring的Logo一

  2024年04月27日

  瀏覽(24)

• kill 進(jìn)程時(shí)遇到的一件有意思的事情

  一般來講，我們在 kill 掉一個(gè)進(jìn)程的時(shí)候通常有兩個(gè)選擇： 找到進(jìn)程的 pid 號，然后執(zhí)行 kill 命令 找到進(jìn)程的名字，然后執(zhí)行 pkill 命令 pkill 和 kill 命令都是向指定的進(jìn)程發(fā)送信號，從而完成終結(jié)進(jìn)程的操作，主要區(qū)別在于 pkill 命令與 pgrep 配套使用，能夠踢出指定終端用戶

  2023年04月10日

  瀏覽(31)
• 

  vue有意思的圖片動畫插件direction-reveal

  功能：操作簡單好上頭，動畫特效很絲滑，有很多種供選擇 導(dǎo)入到需要使用動畫的單頁面 使用樣式 導(dǎo)入css，如果用到了scss就導(dǎo)入scss，用的css就導(dǎo)入.css文件 https://github.com/NigelOToole/direction-reveal 文章到此結(jié)束，希望對你有所幫助~

  2024年02月12日

  瀏覽(21)

• rollup npm 工具包怎么做點(diǎn)有意思的事情

  一個(gè) NPM 包，幫助數(shù)十萬程序員提高數(shù)十倍效率，難道不開源出來？（一） 首先貼下我們的官網(wǎng) 【預(yù)覽頁】 https://kennana.github.io/toolkit-use/ 我們的推特 【toolkituse】 https://twitter.com/Toolkituse 我們的github 【toolkit-use】 https://github.com/KenNaNa/toolkit-use

  2024年02月16日

  瀏覽(27)
• 

  碼出高效_第一章 | 有意思的二進(jìn)制表示及運(yùn)算

  設(shè)想有8條電路，每條電路有高電平和低電平兩種狀態(tài)，即就有2 8 =256種不同的信號。假設(shè)其表示區(qū)間為0~255，最大數(shù)即2 8 -1。 那么32條電路能夠表示最大數(shù)為（2 32 -1）=4294967295，即所謂的32位電路信號。 正負(fù)數(shù)表示： 上面的8條電路，最左側(cè)一條表示正負(fù)：0-整數(shù)，1-負(fù)數(shù)，不

  2024年02月06日

  瀏覽(19)