Help
RSS
API
Feed
Maltego
Contact
Domain > quantum.cloudns.ch
×
More information on this domain is in
AlienVault OTX
Is this malicious?
Yes
No
DNS Resolutions
Date
IP Address
2024-07-16
104.16.0.0
(
ClassC
)
2025-11-14
104.18.21.69
(
ClassC
)
Port 80
HTTP/1.1 200 OKDate: Fri, 14 Nov 2025 12:40:18 GMTContent-Type: text/htmlTransfer-Encoding: chunkedConnection: keep-aliveServer: cloudflareLast-Modified: Wed, 17 Jul 2024 04:59:54 GMTNel: {report_to:cf-nel,success_fraction:0.0,max_age:604800}Report-To: {group:cf-nel,max_age:604800,endpoints:{url:https://a.nel.cloudflare.com/report/v4?syxcMPg9rXuaGZBwCSpzd9eBsb2%2FFofyxSkz7IH9dpwWpQiTMwS3AWGEg1xkGTa0Fat7tPoBZq4NpLwdZK5mj5Urm%2BcgUYYO0GDjxHUgEU5g%3D}}Accept-Ranges: bytescf-cache-status: DYNAMICCF-RAY: 99e6939c7cd7b642-PDXalt-svc: h3:443; ma86400 !DOCTYPE html>html langZh-CN>head> meta charsetutf-8> base target_blank /> title>Mooneys Demo/title> meta nameviewport contentwidthdevice-width, initial-scale1, minimum-scale1, maximum-scale1> !-- Link Swipers CSS --> link relstylesheet hrefcss/swiper.min.css> link relstylesheet hrefcss/style.css>/head>body> !-- Swiper --> div classswiper-container> div classswiper-wrapper> !--模板内容--> div classswiper-slide> div classcard> div classsliderText> h3>01-Login/h3> /div> div classdemo-img> img srcimg/01-login.jpg> /div> div classcontent> p>1. 请左右滑动选择不同卡片。如果你要获取源码,请记住图片上方的编号与名字。/p> p>2. 点击“获取源码”获取该项目源码。/p> p>3. 点击“效果演示”查看效果预览。/p> p>4. 点击“查看视频”一起打卡学习~/p>br> a hrefhttps://github.com/local-host-8080/demo-html-css>获取源码/a> a hrefdemo/01/index.html>效果演示/a> a hrefhttps://www.bilibili.com/video/av60343435>查看视频/a> /div> /div> /div> !-- start --> div classswiper-slide> div classcard> div classsliderText> h3>02-Button/h3> /div> div classdemo-img> img srcimg/02-button.jpg> /div> div classcontent> p>1. 请左右滑动选择不同卡片。如果你要获取源码,请记住图片上方的编号与名字。/p> p>2. 点击“获取源码”获取该项目源码。/p> p>3. 点击“效果演示”查看效果预览。/p> p>4. 点击“查看视频”一起打卡学习~/p>br> a hrefhttps://github.com/local-host-8080/demo-html-css>获取源码/a> a hrefdemo/02/index.html>效果演示/a> a hrefhttps://www.bilibili.com/video/av60345560>查看视频/a> /div> /div> /div> div classswiper-slide> div classcard> div classsliderText> h3>03-Page/h3> /div> div classdemo-img> img srcimg/03-Page.jpg> /div> div classcontent> p>1. 请左右滑动选择不同卡片。如果你要获取源码,请记住图片上方的编号与名字。/p> p>2. 点击“获取源码”获取该项目源码。/p> p>3. 点击“效果演示”查看效果预览。/p> p>4. 点击“查看视频”一起打卡学习~/p>br> a hrefhttps://github.com/local-host-8080/demo-html-css>获取源码/a> a hrefdemo/03/index.html>效果演示/a> a hrefhttps://www.bilibili.com/video/av60385881>查看视频/a> /div> /div> /div> div classswiper-slide> div classcard> div classsliderText> h3>04-Button/h3> /div> div classdemo-img> img srcimg/04-button.jpg> /div> div classcontent> p>1. 请左右滑动选择不同卡片。如果你要获取源码,请记住图片上方的编号与名字。/p> p>2. 点击“获取源码”获取该项目源码。/p> p>3. 点击“效果演示”查看效果预览。/p> p>4. 点击“查看视频”一起打卡学习~/p>br> a hrefhttps://github.com/local-host-8080/demo-html-css>获取源码/a> a hrefdemo/04/index.html>效果演示/a> a hrefhttps://www.bilibili.com/video/av60644623#reply1893416370>查看视频/a> /div> /div> /div> div classswiper-slide> div classcard> div classsliderText> h3>05-All-Button/h3> /div> div classdemo-img> img srcimg/05-All-Button.jpg> /div> div classcontent> p>1. 请左右滑动选择不同卡片。如果你要获取源码,请记住图片上方的编号与名字。/p> p>2. 点击“获取源码”获取该项目源码。/p> p>3. 点击“效果演示”查看效果预览。/p> p>4. 点击“查看视频”一起打卡学习~/p>br> a hrefhttps://github.com/local-host-8080/demo-html-css>获取源码/a> a hrefdemo/05/index.html>效果演示/a> a hrefhttps://www.bilibili.com/video/av60925664>查看视频/a> /div> /div> /div> div classswiper-slide> div classcard> div classsliderText> h3>06-Button/h3> /div> div classdemo-img> img srcimg/06-Button.jpg> /div> div classcontent> p>1. 请左右滑动选择不同卡片。如果你要获取源码,请记住图片上方的编号与名字。/p> p>2. 点击“获取源码”获取该项目源码。/p> p>3. 点击“效果演示”查看效果预览。/p> p>4. 点击“查看视频”一起打卡学习~/p>br> a hrefhttps://github.com/local-host-8080/demo-html-css>获取源码/a> a hrefdemo/06/index.html>效果演示/a> a hrefhttps://www.bilibili.com/video/av60643987>查看视频/a> /div> /div> /div> div classswiper-slide> div classcard> div classsliderText> h3>07-Clock/h3> /div> div classdemo-img> img srcimg/07-Clock.jpg> /div> div classcontent> p>1. 请左右滑动选择不同卡片。如果你要获取源码,请记住图片上方的编号与名字。/p> p>2. 点击“获取源码”获取该项目源码。/p> p>3. 点击“效果演示”查看效果预览。/p> p>4. 点击“查看视频”一起打卡学习~/p>br> a hrefhttps://github.com/local-host-8080/demo-html-css>获取源码/a> a hrefdemo/07/index.html>效果演示/a> a hrefhttps://www.bilibili.com/video/av60769443>查看视频/a> /div> /div> /div>div classswiper-slide> div classcard> div classsliderText> h3>08-Share/h3> /div> div classdemo-img> img srcimg/08-Share.jpg> /div> div classcontent> p>1. 请左右滑动选择不同卡片。如果你要获取源码,请记住图片上方的编号与名字。/p> p>2. 点击“获取源码”获取该项目源码。/p> p>3. 点击“效果演示”查看效果预览。/p> p>4. 点击“查看视频”一起打卡学习~/p>br> a hrefhttps://github.com/local-host-8080/demo-html-css>获取源码/a> a hrefdemo/08/index.html>效果演示/a> a hrefhttps://www.bilibili.com/video/av61797588#reply1844689822>查看视频/a> /div> /div> /div>div classswiper-slide> div classcard> div classsliderText> h3>09-Skills-Meter/h3> /div> div classdemo-img> img srcimg/09-skills-meter.jpg> /div> div classcontent> p>1. 请左右滑动选择不同卡片。如果你要获取源码,请记住图片上方的编号与名字。/p> p>2. 点击“获取源码”获取该项目源码。/p> p>3. 点击“效果演示”查看效果预览。/p> p>4. 点击“查看视频”一起打卡学习~/p>br> a hrefhttps://github.com/local-host-8080/demo-html-css>获取源码/a> a hrefdemo/09/index.html>效果演示/a> a hrefhttps://www.bilibili.com/video/av60770267>查看视频/a> /div> /div> /div> div classswiper-slide> div classcard> div classsliderText> h3>10-3D-Shader/h3> /div> div classdemo-img> img srcimg/10-3D-Shader.jpg> /div> div classcontent> p>1. 请左右滑动选择不同卡片。如果你要获取源码,请记住图片上方的编号与名字。/p> p>2. 点击“获取源码”获取该项目源码。/p> p>3. 点击“效果演示”查看效果预览。/p> p>4. 点击“查看视频”一起打卡学习~/p>br> a hrefhttps://github.com/local-host-8080/demo-html-css>获取源码/a> a hrefdemo/10/index.html>效果演示/a> a hrefhttps://www.bilibili.com/video/av63969073>查看视频/a> /div> /div> /div> div classswiper-slide> div classcard> div classsliderText> h3>11-Text-Smoke/h3> /div> div classdemo-img> img srcimg/11-Text-Smoke.jpg> /div> div classcontent> p>1. 请左右滑动选择不同卡片。如果你要获取源码,请记住图片上方的编号与名字。/p> p>2. 点击“获取源码”获取该项目源码。/p> p>3. 点击“效果演示”查看效果预览。/p> p>4. 点击“查看视频”一起打卡学习~/p>br> a hrefhttps://github.com/local-host-8080/demo-html-css>获取源码/a> a hrefdemo/11/index.html>效果演示/a> a hrefhttps://www.bilibili.com/video/av63970445>查看视频/a> /div> /div> /div> div classswiper-slide> div classcard> div classsliderText> h3>12-WaterRipple/h3> /div> div classdemo-img> img srcimg/12-Water-Ripple.jpg> /div> div classcontent> p>1. 请左右滑动选择不同卡片。如果你要获取源码,请记住图片上方的编号与名字。/p> p>2. 点击“获取源码”获取该项目源码。/p> p>3. 点击“效果演示”查看效果预览。/p> p>4. 点击“查看视频”一起打卡学习~/p>br> a hrefhttps://github.com/local-host-8080/demo-html-css>获取源码/a> a hrefdemo/12/index.html>效果演示/a> a hrefhttps://www.bilibili.com/video/av63971968>查看视频/a> /div> /div> /div> div classswiper-slide> div classcard> div classsliderText> h3>13-Send-Msg/h3> /div> div classdemo-img> img srcimg/13-SendMessage.jpg> /div> div classcontent> p>1. 请左右滑动选择不同卡片。如果你要获取源码,请记住图片上方的编号与名字。/p> p>2. 点击“获取源码”获取该项目源码。/p> p>3. 点击“效果演示”查看效果预览。/p> p>4. 点击“查看视频”一起打卡学习~/p>br> a hrefhttps://github.com/local-host-8080/demo-html-css>获取源码/a> a hrefdemo/13/index.html>效果演示/a> a hrefhttps://www.bilibili.com/video/av62807963>查看视频/a> /div> /div> /div> div classswiper-slide> div classcard> div classsliderText> h3>14-Download/h3> /div> div classdemo-img> img srcimg/14-Download.jpg> /div> div classcontent> p>1. 请左右滑动选择不同卡片。如果你要获取源码,请记住图片上方的编号与名字。/p> p>2. 点击“获取源码”获取该项目源码。/p> p>3. 点击“效果演示”查看效果预览。/p> p>4. 点击“查看视频”一起打卡学习~/p>br> a hrefhttps://github.com/local-host-8080/demo-html-css>获取源码/a> a hrefdemo/14/index.html>效果演示/a> a hrefhttps://www.bilibili.com/video/av62816864>查看视频/a> /div> /div> /div> div classswiper-slide> div classcard> div classsliderText> h3>15-Paging/h3> /div> div classdemo-img> img srcimg/15-Paging.jpg> /div> div classcontent> p>1. 请左右滑动选择不同卡片。如果你要获取源码,请记住图片上方的编号与名字。/p> p>2. 点击“获取源码”获取该项目源码。/p> p>3. 点击“效果演示”查看效果预览。/p> p>4. 点击“查看视频”一起打卡学习~/p>br> a hrefhttps://github.com/local-host-8080/demo-html-css>获取源码/a> a hrefdemo/15/index.html>效果演示/a> a hrefhttps://www.bilibili.com/video/av60643633>查看视频/a> /div> /div> /div> div classswiper-slide> div classcard> div classsliderText> h3>16-Show/h3> /div> div classdemo-img> img srcimg/16-Show.jpg> /div> div classcontent> p>1. 请左右滑动选择不同卡片。如果你要获取源码,请记住图片上方的编号与名字。/p> p>2. 点击“获取源码”获取该项目源码。/p> p>3. 点击“效果演示”查看效果预览。/p> p>4. 点击“查看视频”一起打卡学习~/p>br> a hrefhttps://github.com/local-host-8080/demo-html-css>获取源码/a> a hrefdemo/16/index.html>效果演示/a> a hrefhttps://www.bilibili.com/video/av64977761>查看视频/a> /div> /div> /div> div classswiper-slide> div classcard> div classsliderText> h3>17-Paging/h3> /div> div classdemo-img> img srcimg/17-Paging.jpg> /div> div classcontent> p>1. 请左右滑动选择不同卡片。如果你要获取源码,请记住图片上方的编号与名字。/p> p>2. 点击“获取源码”获取该项目源码。/p> p>3. 点击“效果演示”查看效果预览。/p> p>4. 点击“查看视频”一起打卡学习~/p>br> a hrefhttps://github.com/local-host-8080/demo-html-css>获取源码/a> a hrefdemo/17/index.html>效果演示/a> a hrefhttps://www.bilibili.com/video/av64011244>查看视频/a> /div> /div> /div> div classswiper-slide> div classcard> div classsliderText> h3>18-Facebook/h3> /div> div classdemo-img> img srcimg/18-Facebook.jpg> /div> div classcontent> p>1. 请左右滑动选择不同卡片。如果你要获取源码,请记住图片上方的编号与名字。/p> p>2. 点击“获取源码”获取该项目源码。/p> p>3. 点击“效果演示”查看效果预览。/p> p>4. 点击“查看视频”一起打卡学习~/p>br> a hrefhttps://github.com/local-host-8080/demo-html-css>获取源码/a> a hrefdemo/18/index.html>效果演示/a> a hrefhttps://www.bilibili.com/video/av64011793>查看视频/a> /div> /div> /div> div classswiper-slide> div classcard> div classsliderText> h3>19-Card-Effect/h3> /div> div classdemo-img> img srcimg/19-Card-Effect.jpg> /div> div classcontent> p>1. 请左右滑动选择不同卡片。如果你要获取源码,请记住图片上方的编号与名字。/p> p>2. 点击“获取源码”获取该项目源码。/p> p>3. 点击“效果演示”查看效果预览。/p> p>4. 点击“查看视频”一起打卡学习~/p>br> a hrefhttps://github.com/local-host-8080/demo-html-css>获取源码/a> a hrefdemo/19/index.html>效果演示/a> a hrefhttps://www.bilibili.com/video/av64012288>查看视频/a> /div> /div> /div> div classswiper-slide> div classcard> div classsliderText> h3>20-Loading/h3> /div> div classdemo-img> img srcimg/20-Loading.jpg> /div> div classcontent> p>1. 请左右滑动选择不同卡片。如果你要获取源码,请记住图片上方的编号与名字。/p> p>2. 点击“获取源码”获取该项目源码。/p> p>3. 点击“效果演示”查看效果预览。/p> p>4. 点击“查看视频”一起打卡学习~/p>br> a hrefhttps://github.com/local-host-8080/demo-html-css>获取源码/a> a hrefdemo/20/index.html>效果演示/a> a hrefhttps://www.bilibili.com/video/av64980442>查看视频/a> /div> /div> /div> div classswiper-slide> div classcard> div classsliderText> h3>21-Clock/h3> /div> div classdemo-img> img srcimg/21-Clock.jpg> /div> div classcontent> p>1. 请左右滑动选择不同卡片。如果你要获取源码,请记住图片上方的编号与名字。/p> p>2. 点击“获取源码”获取该项目源码。/p> p>3. 点击“效果演示”查看效果预览。/p> p>4. 点击“查看视频”一起打卡学习~/p>br> a hrefhttps://github.com/local-host-8080/demo-html-css>获取源码/a> a hrefdemo/21/index.html>效果演示/a> a hrefhttps://www.bilibili.com/video/av66257547>查看视频/a> /div> /div> /div> div classswiper-slide> div classcard> div classsliderText> h3>22-GlowingBtn/h3> /div> div classdemo-img> img srcimg/22-GlowingBtn.jpg> /div> div classcontent> p>1. 请左右滑动选择不同卡片。如果你要获取源码,请记住图片上方的编号与名字。/p> p>2. 点击“获取源码”获取该项目源码。/p> p>3. 点击“效果演示”查看效果预览。/p> p>4. 点击“查看视频”一起打卡学习~/p>br> a hrefhttps://github.com/local-host-8080/demo-html-css>获取源码/a> a hrefdemo/22/index.html>效果演示/a> a hrefhttps://www.bilibili.com/video/av62786285>查看视频/a> /div> /div> /div> div classswiper-slide> div classcard> div classsliderText> h3>23-MenuEffect/h3> /div> div classdemo-img> img srcimg/23-MenuEffect.jpg> /div> div classcontent> p>1. 请左右滑动选择不同卡片。如果你要获取源码,请记住图片上方的编号与名字。/p> p>2. 点击“获取源码”获取该项目源码。/p> p>3. 点击“效果演示”查看效果预览。/p> p>4. 点击“查看视频”一起打卡学习~/p>br> a hrefhttps://github.com/local-host-8080/demo-html-css>获取源码/a> a hrefdemo/23/index.html>效果演示/a> a hrefhttps://www.bilibili.com/video/av60644422>查看视频/a> /div> /div> /div> div classswiper-slide> div classcard> div classsliderText> h3>24-ConfirmBox/h3> /div> div classdemo-img> img srcimg/24-ConfirmBox.jpg> /div> div classcontent> p>1. 请左右滑动选择不同卡片。如果你要获取源码,请记住图片上方的编号与名字。/p> p>2. 点击“获取源码”获取该项目源码。/p> p>3. 点击“效果演示”查看效果预览。/p> p>4. 点击“查看视频”一起打卡学习~/p>br> a hrefhttps://github.com/local-host-8080/demo-html-css>获取源码/a> a hrefdemo/24/index.html>效果演示/a> a hrefhttps://www.bilibili.com/video/av62819536>查看视频/a> /div> /div> /div> div classswiper-slide> div classcard> div classsliderText> h3>25-CardEffects/h3> /div> div classdemo-img> img srcimg/25-CardEffects.jpg> /div> div classcontent> p>1. 请左右滑动选择不同卡片。如果你要获取源码,请记住图片上方的编号与名字。/p> p>2. 点击“获取源码”获取该项目源码。/p> p>3. 点击“效果演示”查看效果预览。/p> p>4. 点击“查看视频”一起打卡学习~/p>br> a hrefhttps://github.com/local-host-8080/demo-html-css>获取源码/a> a hrefdemo/25/index.html>效果演示/a> a hrefhttps://www.bilibili.com/video/av64982278>查看视频/a> /div> /div> /div> div classswiper-slide> div classcard> div classsliderText> h3>26-Odometer/h3> /div> div classdemo-img> img srcimg/26-Odometer.jpg> /div> div classcontent> p>1. 请左右滑动选择不同卡片。如果你要获取源码,请记住图片上方的编号与名字。/p> p>2. 点击“获取源码”获取该项目源码。/p> p>3. 点击“效果演示”查看效果预览。/p> p>4. 点击“查看视频”一起打卡学习~/p>br> a hrefhttps://github.com/local-host-8080/demo-html-css>获取源码/a> a hrefdemo/26/index.html>效果演示/a> a hrefhttps://www.bilibili.com/video/av65902002>查看视频/a> /div> /div> /div> div classswiper-slide> div classcard> div classsliderText> h3>27-RadialMenu/h3> /div> div classdemo-img> img srcimg/27-RadialMenu.jpg> /div> div classcontent> p>1. 请左右滑动选择不同卡片。如果你要获取源码,请记住图片上方的编号与名字。/p> p>2. 点击“获取源码”获取该项目源码。/p> p>3. 点击“效果演示”查看效果预览。/p> p>4. 点击“查看视频”一起打卡学习~/p>br> a hrefhttps://github.com/local-host-8080/demo-html-css>获取源码/a> a hrefdemo/27/index.html>效果演示/a> a hrefhttps://www.bilibili.com/video/av64982846>查看视频/a> /div> /div> /div> div classswiper-slide> div classcard> div classsliderText> h3>28-ImageEffect/h3> /div> div classdemo-img> img srcimg/28-ImageEffect.jpg> /div> div classcontent> p>1. 请左右滑动选择不同卡片。如果你要获取源码,请记住图片上方的编号与名字。/p> p>2. 点击“获取源码”获取该项目源码。/p> p>3. 点击“效果演示”查看效果预览。/p> p>4. 点击“查看视频”一起打卡学习~/p>br> a hrefhttps://github.com/local-host-8080/demo-html-css>获取源码/a> a hrefdemo/28/index.html>效果演示/a> a hrefhttps://www.bilibili.com/video/av61799180>查看视频/a> /div> /div> /div> div classswiper-slide> div classcard> div classsliderText> h3>29-Pagination/h3> /div> div classdemo-img> img srcimg/29-Pagination.jpg> /div> div classcontent> p>1. 请左右滑动选择不同卡片。如果你要获取源码,请记住图片上方的编号与名字。/p> p>2. 点击“获取源码”获取该项目源码。/p> p>3. 点击“效果演示”查看效果预览。/p> p>4. 点击“查看视频”一起打卡学习~/p>br> a hrefhttps://github.com/local-host-8080/demo-html-css>获取源码/a> a hrefdemo/29/index.html>效果演示/a> /div> /div> /div> div classswiper-slide> div classcard> div classsliderText> h3>30-Loading/h3> /div> div classdemo-img> img srcimg/30-Loading.jpg> /div> div classcontent> p>1. 请左右滑动选择不同卡片。如果你要获取源码,请记住图片上方的编号与名字。/p> p>2. 点击“获取源码”获取该项目源码。/p> p>3. 点击“效果演示”查看效果预览。/p> p>4. 点击“查看视频”一起打卡学习~/p>br> a hrefhttps://github.com/local-host-8080/demo-html-css>获取源码/a> a hrefdemo/30/index.html>效果演示/a> a hrefhttps://www.bilibili.com/video/av60768238>查看视频/a> /div> /div> /div> div classswiper-slide> div classcard> div classsliderText> h3>31-Card-Effect/h3> /div> div classdemo-img> img srcimg/31-Card-Effect.jpg> /div> div classcontent> p>1. 请左右滑动选择不同卡片。如果你要获取源码,请记住图片上方的编号与名字。/p> p>2. 点击“获取源码”获取该项目源码。/p> p>3. 点击“效果演示”查看效果预览。/p> p>4. 点击“查看视频”一起打卡学习~/p>br> a hrefhttps://github.com/local-host-8080/demo-html-css>获取源码/a> a hrefdemo/31/index.html>效果演示/a> a hrefhttps://www.bilibili.com/video/av68151425>查看视频/a> /div> /div> /div> div classswiper-slide> div classcard> div classsliderText> h3>32-GridLayout/h3> /div> div classdemo-img> img srcimg/32-GridLayout.jpg> /div> div classcontent> p>1. 请左右滑动选择不同卡片。如果你要获取源码,请记住图片上方的编号与名字。/p> p>2. 点击“获取源码”获取该项目源码。/p> p>3. 点击“效果演示”查看效果预览。/p> p>4. 点击“查看视频”一起打卡学习~/p>br> a hrefhttps://github.com/local-host-8080/demo-html-css>获取源码/a> a hrefdemo/32/index.html>效果演示/a> a hrefhttps://www.bilibili.com/video/av65916515>查看视频/a> /div> /div> /div> div classswiper-slide> div classcard> div classsliderText> h3>33-CardEffect/h3> /div> div classdemo-img> img srcimg/33-CardEffect.jpg> /div> div classcontent> p>1. 请左右滑动选择不同卡片。如果你要获取源码,请记住图片上方的编号与名字。/p> p>2. 点击“获取源码”获取该项目源码。/p> p>3. 点击“效果演示”查看效果预览。/p> p>4. 点击“查看视频”一起打卡学习~/p>br> a hrefhttps://github.com/local-host-8080/demo-html-css>获取源码/a> a hrefdemo/33/index.html>效果演示/a> a hrefhttps://www.bilibili.com/video/av68148870>查看视频/a> /div> /div> /div> div classswiper-slide> div classcard> div classsliderText> h3>34-Book-Flip/h3> /div> div classdemo-img> img srcimg/34-Book-Flip.jpg> /div> div classcontent> p>1. 请左右滑动选择不同卡片。如果你要获取源码,请记住图片上方的编号与名字。/p> p>2. 点击“获取源码”获取该项目源码。/p> p>3. 点击“效果演示”查看效果预览。/p> p>4. 点击“查看视频”一起打卡学习~/p>br> a hrefhttps://github.com/local-host-8080/demo-html-css>获取源码/a> a hrefdemo/34/index.html>效果演示/a> a hrefhttps://www.bilibili.com/video/av65915722>查看视频/a> /div> /div> /div> div classswiper-slide> div classcard> div classsliderText> h3>35-Calendar/h3> /div> div classdemo-img> img srcimg/35-Calendar.jpg> /div> div classcontent> p>1. 请左右滑动选择不同卡片。如果你要获取源码,请记住图片上方的编号与名字。/p> p>2. 点击“获取源码”获取该项目源码。/p> p>3. 点击“效果演示”查看效果预览。/p> p>4. 点击“查看视频”一起打卡学习~/p>br> a hrefhttps://github.com/local-host-8080/demo-html-css>获取源码/a> a hrefdemo/35/index.html>效果演示/a> a hrefhttps://www.bilibili.com/video/av70468652>查看视频/a> /div> /div> /div> div classswiper-slide> div classcard> div classsliderText> h3>36-Add-Cart/h3> /div> div classdemo-img> img srcimg/36-Add-Cart.jpg> /div> div classcontent> p>1. 请左右滑动选择不同卡片。如果你要获取源码,请记住图片上方的编号与名字。/p> p>2. 点击“获取源码”获取该项目源码。/p> p>3. 点击“效果演示”查看效果预览。/p> p>4. 点击“查看视频”一起打卡学习~/p>br> a hrefhttps://github.com/local-host-8080/demo-html-css>获取源码/a> a hrefdemo/36/index.html>效果演示/a> a hrefhttps://www.bilibili.com/video/av70484455/>查看视频/a> /div> /div> /div> div classswiper-slide> div classcard> div classsliderText> h3>37-SelectBox/h3> /div> div classdemo-img> img srcimg/37-SelectBox.jpg> /div> div classcontent> p>1. 请左右滑动选择不同卡片。如果你要获取源码,请记住图片上方的编号与名字。/p> p>2. 点击“获取源码”获取该项目源码。/p> p>3. 点击“效果演示”查看效果预览。/p> p>4. 点击“查看视频”一起打卡学习~/p>br> a hrefhttps://github.com/local-host-8080/demo-html-css>获取源码/a> a hrefdemo/37/index.html>效果演示/a> a hrefhttps://www.bilibili.com/video/av70484945/>查看视频/a> /div> /div> /div> div classswiper-slide> div classcard> div classsliderText> h3>38-餐厅创意菜单/h3> /div> div classdemo-img> img srcimg/38-RESTAURANT.jpg> /div> div classcontent> p>1. 请左右滑动选择不同卡片。如果你要获取源码,请记住图片上方的编号与名字。/p> p>2. 点击“获取源码”获取该项目源码。/p> p>3. 点击“效果演示”查看效果预览。/p> p>4. 点击“查看视频”一起打卡学习~/p>br> a hrefhttps://github.com/local-host-8080/demo-html-css>获取源码/a> a hrefdemo/38/index.html>效果演示/a> a hrefhttps://www.bilibili.com/video/av70483974/>查看视频/a> /div> /div> /div> div classswiper-slide> div classcard> div classsliderText> h3>39-Carousel/h3> /div> div classdemo-img> img srcimg/39-Carousel.jpg> /div> div classcontent> p>1. 请左右滑动选择不同卡片。如果你要获取源码,请记住图片上方的编号与名字。/p> p>2. 点击“获取源码”获取该项目源码。/p> p>3. 点击“效果演示”查看效果预览。/p> p>4. 点击“查看视频”一起打卡学习~/p>br> a hrefhttps://github.com/local-host-8080/demo-html-css>获取源码/a> a hrefdemo/39/index.html>效果演示/a> a hrefhttps://github.com/local-host-8080/love-confession>了解详情/a> /div> /div> /div> div classswiper-slide> div classcard> div classsliderText> h3>40-商品展示/h3> /div> div classdemo-img> img srcimg/40-ShowCommodity.jpg> /div> div classcontent> p>1. 请左右滑动选择不同卡片。如果你要获取源码,请记住图片上方的编号与名字。/p> p>2. 点击“获取源码”获取该项目源码。/p> p>3. 点击“效果演示”查看效果预览。/p> p>4. 点击“查看视频”一起打卡学习~/p>br> a hrefhttps://github.com/local-host-8080/demo-html-css>获取源码/a> a hrefdemo/40/index.html>效果演示/a> a hrefhttps://www.bilibili.com/video/av71774955>查看视频/a> /div> /div> /div> div classswiper-slide> div classcard> div classsliderText> h3>41-NeonLove/h3> /div> div classdemo-img> img srcimg/41-NeonLove.jpg> /div> div classcontent> p>1. 请左右滑动选择不同卡片。如果你要获取源码,请记住图片上方的编号与名字。/p> p>2. 点击“获取源码”获取该项目源码。/p> p>3. 点击“效果演示”查看效果预览。/p> p>4. 点击“查看视频”一起打卡学习~/p>br> a hrefhttps://github.com/local-host-8080/demo-html-css>获取源码/a> a hrefdemo/41/index.html>效果演示/a> a hrefhttps://www.bilibili.com/video/av74614522/>查看视频/a> /div> /div> /div> div classswiper-slide> div classcard> div classsliderText> h3>42-交互式按钮/h3> /div> div classdemo-img> img srcimg/42-InteractiveButton.jpg> /div> div classcontent> p>1. 请左右滑动选择不同卡片。如果你要获取源码,请记住图片上方的编号与名字。/p> p>2. 点击“获取源码”获取该项目源码。/p> p>3. 点击“效果演示”查看效果预览。/p> p>4. 点击“查看视频”一起打卡学习~/p>br> a hrefhttps://github.com/local-host-8080/demo-html-css>获取源码/a> a hrefdemo/42/index.html>效果演示/a> a hrefhttps://www.bilibili.com/video/av74614102/>查看视频/a> /div> /div> /div> div classswiper-slide> div classcard> div classsliderText> h3>43-ProgressBar/h3> /div> div classdemo-img> img srcimg/43-ProgressBar.jpg> /div> div classcontent> p>1. 请左右滑动选择不同卡片。如果你要获取源码,请记住图片上方的编号与名字。/p> p>2. 点击“获取源码”获取该项目源码。/p> p>3. 点击“效果演示”查看效果预览。/p> p>4. 点击“查看视频”一起打卡学习~/p>br> a hrefhttps://github.com/local-host-8080/demo-html-css>获取源码/a> a hrefdemo/43/index.html>效果演示/a> a hrefhttps://www.bilibili.com/video/av74613275/>查看视频/a> /div> /div> /div> div classswiper-slide> div classcard> div classsliderText> h3>44-HoverCard/h3> /div> div classdemo-img> img srcimg/44-HoverCard.jpg> /div> div classcontent> p>1. 请左右滑动选择不同卡片。如果你要获取源码,请记住图片上方的编号与名字。/p> p>2. 点击“获取源码”获取该项目源码。/p> p>3. 点击“效果演示”查看效果预览。/p> p>4. 点击“查看视频”一起打卡学习~/p>br> a hrefhttps://github.com/local-host-8080/demo-html-css>获取源码/a> a hrefdemo/44/index.html>效果演示/a> a hrefhttps://www.bilibili.com/video/av74614733/>查看视频/a> /div> /div> /div> div classswiper-slide> div classcard> div classsliderText> h3>45-FullCard/h3> /div> div classdemo-img> img srcimg/45-FullCard.jpg> /div> div classcontent> p>1. 请左右滑动选择不同卡片。如果你要获取源码,请记住图片上方的编号与名字。/p> p>2. 点击“获取源码”获取该项目源码。/p> p>3. 点击“效果演示”查看效果预览。/p> p>4. 点击“查看视频”一起打卡学习~/p>br> a hrefhttps://github.com/local-host-8080/demo-html-css>获取源码/a> a hrefdemo/45/index.html>效果演示/a> a hrefhttps://www.bilibili.com/video/av74612706/>查看视频/a> /div> /div> /div> div classswiper-slide> div classcard> div classsliderText> h3>46-网页计算器/h3> /div> div classdemo-img> img srcimg/46-Calculator.jpg> /div> div classcontent> p>1. 请左右滑动选择不同卡片。如果你要获取源码,请记住图片上方的编号与名字。/p> p>2. 点击“获取源码”获取该项目源码。/p> p>3. 点击“效果演示”查看效果预览。/p> p>4. 点击“查看视频”一起打卡学习~/p>br> a hrefhttps://github.com/local-host-8080/demo-html-css>获取源码/a> a hrefdemo/46/index.html>效果演示/a> a hrefhttps://www.bilibili.com/video/BV1Ct411N7mB>查看视频/a> /div> /div> /div> div classswiper-slide> div classcard> div classsliderText> h3>47-模板/h3> /div> div classdemo-img> img srcimg/图片名称.jpg> /div> div classcontent> p>1. 请左右滑动选择不同卡片。如果你要获取源码,请记住图片上方的编号与名字。/p> p>2. 点击“获取源码”获取该项目源码。/p> p>3. 点击“效果演示”查看效果预览。/p> p>4. 点击“查看视频”一起打卡学习~/p>br> a hrefhttps://github.com/local-host-8080/demo-html-css>获取源码/a> a hrefdemo/文件编号/index.html>效果演示/a> a href#>查看视频/a> /div> /div> /div> div classswiper-slide> div classcard> div classsliderText> h3>48-模板/h3> /div> div classdemo-img> img srcimg/图片名称.jpg> /div> div classcontent> p>1. 请左右滑动选择不同卡片。如果你要获取源码,请记住图片上方的编号与名字。/p> p>2. 点击“获取源码”获取该项目源码。/p> p>3. 点击“效果演示”查看效果预览。/p> p>4. 点击“查看视频”一起打卡学习~/p>br> a hrefhttps://github.com/local-host-8080/demo-html-css>获取源码/a> a hrefdemo/文件编号/index.html>效果演示/a> a href#>查看视频/a> /div> /div> /div> div classswiper-slide> div classcard> div classsliderText> h3>49-模板/h3> /div> div classdemo-img> img srcimg/图片名称.jpg> /div> div classcontent> p>1. 请左右滑动选择不同卡片。如果你要获取源码,请记住图片上方的编号与名字。/p> p>2. 点击“获取源码”获取该项目源码。/p> p>3. 点击“效果演示”查看效果预览。/p> p>4. 点击“查看视频”一起打卡学习~/p>br> a hrefhttps://github.com/local-host-8080/demo-html-css>获取源码/a> a hrefdemo/文件编号/index.html>效果演示/a> a href#>查看视频/a> /div> /div> /div> div classswiper-slide> div classcard> div classsliderText> h3>50-模板/h3> /div> div classdemo-img> img srcimg/图片名称.jpg> /div> div classcontent> p>1. 请左右滑动选择不同卡片。如果你要获取源码,请记住图片上方的编号与名字。/p> p>2. 点击“获取源码”获取该项目源码。/p> p>3. 点击“效果演示”查看效果预览。/p> p>4. 点击“查看视频”一起打卡学习~/p>br> a hrefhttps://github.com/local-host-8080/demo-html-css>获取源码/a> a hrefdemo/文件编号/index.html>效果演示/a> a href#>查看视频/a> /div> /div> /div> div classswiper-slide> div classcard> div classsliderText> h3>51-模板/h3> /div> div classdemo-img> img srcimg/图片名称.jpg> /div> div classcontent> p>1. 请左右滑动选择不同卡片。如果你要获取源码,请记住图片上方的编号与名字。/p> p>2. 点击“获取源码”获取该项目源码。/p> p>3. 点击“效果演示”查看效果预览。/p> p>4. 点击“查看视频”一起打卡学习~/p>br> a hrefhttps://github.com/local-host-8080/demo-html-css>获取源码/a> a hrefdemo/文件编号/index.html>效果演示/a> a href#>查看视频/a> /div> /div> /div> !-- end --> /div> !-- Add Pagination --> div classswiper-pagination>/div> /div> !-- Swiper JS --> script srcjs/swiper.min.js>/script> !-- Initialize Swiper --> script> var swiper new Swiper(.swiper-container, { effect: coverflow, grabCursor: true, centeredSlides: true, slidesPerView: auto, coverflowEffect: { rotate: 30, stretch: 0, depth: 200, modifier: 1, slideShadows : true, }, pagination: { el: .swiper-pagination, }, }); /script>/body>/html>
Port 443
HTTP/1.1 200 OKDate: Fri, 14 Nov 2025 12:40:18 GMTContent-Type: text/html; charsetutf-8Transfer-Encoding: chunkedConnection: keep-aliveServer: cloudflarelast-modified: Wed, 17 Jul 2024 04:59:54 GMTReport-To: {group:cf-nel,max_age:604800,endpoints:{url:https://a.nel.cloudflare.com/report/v4?saUKpt8IIDhjQCJW0fnuomDz8RXy2vKJacVAmdqjhPCWVKJ3TscMVsxJufkqm1Ott2kpDctYQWo%2F8oxml6TrjS3tpUpwKWTOAbn44may5rdERhg%3D%3D}}accept-ranges: bytescf-cache-status: DYNAMICNel: {report_to:cf-nel,success_fraction:0.0,max_age:604800}CF-RAY: 99e6939d7e0f9873-PDXalt-svc: h3:443; ma86400 !DOCTYPE html>html langZh-CN>head> meta charsetutf-8> base target_blank /> title>Mooneys Demo/title> meta nameviewport contentwidthdevice-width, initial-scale1, minimum-scale1, maximum-scale1> !-- Link Swipers CSS --> link relstylesheet hrefcss/swiper.min.css> link relstylesheet hrefcss/style.css>/head>body> !-- Swiper --> div classswiper-container> div classswiper-wrapper> !--模板内容--> div classswiper-slide> div classcard> div classsliderText> h3>01-Login/h3> /div> div classdemo-img> img srcimg/01-login.jpg> /div> div classcontent> p>1. 请左右滑动选择不同卡片。如果你要获取源码,请记住图片上方的编号与名字。/p> p>2. 点击“获取源码”获取该项目源码。/p> p>3. 点击“效果演示”查看效果预览。/p> p>4. 点击“查看视频”一起打卡学习~/p>br> a hrefhttps://github.com/local-host-8080/demo-html-css>获取源码/a> a hrefdemo/01/index.html>效果演示/a> a hrefhttps://www.bilibili.com/video/av60343435>查看视频/a> /div> /div> /div> !-- start --> div classswiper-slide> div classcard> div classsliderText> h3>02-Button/h3> /div> div classdemo-img> img srcimg/02-button.jpg> /div> div classcontent> p>1. 请左右滑动选择不同卡片。如果你要获取源码,请记住图片上方的编号与名字。/p> p>2. 点击“获取源码”获取该项目源码。/p> p>3. 点击“效果演示”查看效果预览。/p> p>4. 点击“查看视频”一起打卡学习~/p>br> a hrefhttps://github.com/local-host-8080/demo-html-css>获取源码/a> a hrefdemo/02/index.html>效果演示/a> a hrefhttps://www.bilibili.com/video/av60345560>查看视频/a> /div> /div> /div> div classswiper-slide> div classcard> div classsliderText> h3>03-Page/h3> /div> div classdemo-img> img srcimg/03-Page.jpg> /div> div classcontent> p>1. 请左右滑动选择不同卡片。如果你要获取源码,请记住图片上方的编号与名字。/p> p>2. 点击“获取源码”获取该项目源码。/p> p>3. 点击“效果演示”查看效果预览。/p> p>4. 点击“查看视频”一起打卡学习~/p>br> a hrefhttps://github.com/local-host-8080/demo-html-css>获取源码/a> a hrefdemo/03/index.html>效果演示/a> a hrefhttps://www.bilibili.com/video/av60385881>查看视频/a> /div> /div> /div> div classswiper-slide> div classcard> div classsliderText> h3>04-Button/h3> /div> div classdemo-img> img srcimg/04-button.jpg> /div> div classcontent> p>1. 请左右滑动选择不同卡片。如果你要获取源码,请记住图片上方的编号与名字。/p> p>2. 点击“获取源码”获取该项目源码。/p> p>3. 点击“效果演示”查看效果预览。/p> p>4. 点击“查看视频”一起打卡学习~/p>br> a hrefhttps://github.com/local-host-8080/demo-html-css>获取源码/a> a hrefdemo/04/index.html>效果演示/a> a hrefhttps://www.bilibili.com/video/av60644623#reply1893416370>查看视频/a> /div> /div> /div> div classswiper-slide> div classcard> div classsliderText> h3>05-All-Button/h3> /div> div classdemo-img> img srcimg/05-All-Button.jpg> /div> div classcontent> p>1. 请左右滑动选择不同卡片。如果你要获取源码,请记住图片上方的编号与名字。/p> p>2. 点击“获取源码”获取该项目源码。/p> p>3. 点击“效果演示”查看效果预览。/p> p>4. 点击“查看视频”一起打卡学习~/p>br> a hrefhttps://github.com/local-host-8080/demo-html-css>获取源码/a> a hrefdemo/05/index.html>效果演示/a> a hrefhttps://www.bilibili.com/video/av60925664>查看视频/a> /div> /div> /div> div classswiper-slide> div classcard> div classsliderText> h3>06-Button/h3> /div> div classdemo-img> img srcimg/06-Button.jpg> /div> div classcontent> p>1. 请左右滑动选择不同卡片。如果你要获取源码,请记住图片上方的编号与名字。/p> p>2. 点击“获取源码”获取该项目源码。/p> p>3. 点击“效果演示”查看效果预览。/p> p>4. 点击“查看视频”一起打卡学习~/p>br> a hrefhttps://github.com/local-host-8080/demo-html-css>获取源码/a> a hrefdemo/06/index.html>效果演示/a> a hrefhttps://www.bilibili.com/video/av60643987>查看视频/a> /div> /div> /div> div classswiper-slide> div classcard> div classsliderText> h3>07-Clock/h3> /div> div classdemo-img> img srcimg/07-Clock.jpg> /div> div classcontent> p>1. 请左右滑动选择不同卡片。如果你要获取源码,请记住图片上方的编号与名字。/p> p>2. 点击“获取源码”获取该项目源码。/p> p>3. 点击“效果演示”查看效果预览。/p> p>4. 点击“查看视频”一起打卡学习~/p>br> a hrefhttps://github.com/local-host-8080/demo-html-css>获取源码/a> a hrefdemo/07/index.html>效果演示/a> a hrefhttps://www.bilibili.com/video/av60769443>查看视频/a> /div> /div> /div>div classswiper-slide> div classcard> div classsliderText> h3>08-Share/h3> /div> div classdemo-img> img srcimg/08-Share.jpg> /div> div classcontent> p>1. 请左右滑动选择不同卡片。如果你要获取源码,请记住图片上方的编号与名字。/p> p>2. 点击“获取源码”获取该项目源码。/p> p>3. 点击“效果演示”查看效果预览。/p> p>4. 点击“查看视频”一起打卡学习~/p>br> a hrefhttps://github.com/local-host-8080/demo-html-css>获取源码/a> a hrefdemo/08/index.html>效果演示/a> a hrefhttps://www.bilibili.com/video/av61797588#reply1844689822>查看视频/a> /div> /div> /div>div classswiper-slide> div classcard> div classsliderText> h3>09-Skills-Meter/h3> /div> div classdemo-img> img srcimg/09-skills-meter.jpg> /div> div classcontent> p>1. 请左右滑动选择不同卡片。如果你要获取源码,请记住图片上方的编号与名字。/p> p>2. 点击“获取源码”获取该项目源码。/p> p>3. 点击“效果演示”查看效果预览。/p> p>4. 点击“查看视频”一起打卡学习~/p>br> a hrefhttps://github.com/local-host-8080/demo-html-css>获取源码/a> a hrefdemo/09/index.html>效果演示/a> a hrefhttps://www.bilibili.com/video/av60770267>查看视频/a> /div> /div> /div> div classswiper-slide> div classcard> div classsliderText> h3>10-3D-Shader/h3> /div> div classdemo-img> img srcimg/10-3D-Shader.jpg> /div> div classcontent> p>1. 请左右滑动选择不同卡片。如果你要获取源码,请记住图片上方的编号与名字。/p> p>2. 点击“获取源码”获取该项目源码。/p> p>3. 点击“效果演示”查看效果预览。/p> p>4. 点击“查看视频”一起打卡学习~/p>br> a hrefhttps://github.com/local-host-8080/demo-html-css>获取源码/a> a hrefdemo/10/index.html>效果演示/a> a hrefhttps://www.bilibili.com/video/av63969073>查看视频/a> /div> /div> /div> div classswiper-slide> div classcard> div classsliderText> h3>11-Text-Smoke/h3> /div> div classdemo-img> img srcimg/11-Text-Smoke.jpg> /div> div classcontent> p>1. 请左右滑动选择不同卡片。如果你要获取源码,请记住图片上方的编号与名字。/p> p>2. 点击“获取源码”获取该项目源码。/p> p>3. 点击“效果演示”查看效果预览。/p> p>4. 点击“查看视频”一起打卡学习~/p>br> a hrefhttps://github.com/local-host-8080/demo-html-css>获取源码/a> a hrefdemo/11/index.html>效果演示/a> a hrefhttps://www.bilibili.com/video/av63970445>查看视频/a> /div> /div> /div> div classswiper-slide> div classcard> div classsliderText> h3>12-WaterRipple/h3> /div> div classdemo-img> img srcimg/12-Water-Ripple.jpg> /div> div classcontent> p>1. 请左右滑动选择不同卡片。如果你要获取源码,请记住图片上方的编号与名字。/p> p>2. 点击“获取源码”获取该项目源码。/p> p>3. 点击“效果演示”查看效果预览。/p> p>4. 点击“查看视频”一起打卡学习~/p>br> a hrefhttps://github.com/local-host-8080/demo-html-css>获取源码/a> a hrefdemo/12/index.html>效果演示/a> a hrefhttps://www.bilibili.com/video/av63971968>查看视频/a> /div> /div> /div> div classswiper-slide> div classcard> div classsliderText> h3>13-Send-Msg/h3> /div> div classdemo-img> img srcimg/13-SendMessage.jpg> /div> div classcontent> p>1. 请左右滑动选择不同卡片。如果你要获取源码,请记住图片上方的编号与名字。/p> p>2. 点击“获取源码”获取该项目源码。/p> p>3. 点击“效果演示”查看效果预览。/p> p>4. 点击“查看视频”一起打卡学习~/p>br> a hrefhttps://github.com/local-host-8080/demo-html-css>获取源码/a> a hrefdemo/13/index.html>效果演示/a> a hrefhttps://www.bilibili.com/video/av62807963>查看视频/a> /div> /div> /div> div classswiper-slide> div classcard> div classsliderText> h3>14-Download/h3> /div> div classdemo-img> img srcimg/14-Download.jpg> /div> div classcontent> p>1. 请左右滑动选择不同卡片。如果你要获取源码,请记住图片上方的编号与名字。/p> p>2. 点击“获取源码”获取该项目源码。/p> p>3. 点击“效果演示”查看效果预览。/p> p>4. 点击“查看视频”一起打卡学习~/p>br> a hrefhttps://github.com/local-host-8080/demo-html-css>获取源码/a> a hrefdemo/14/index.html>效果演示/a> a hrefhttps://www.bilibili.com/video/av62816864>查看视频/a> /div> /div> /div> div classswiper-slide> div classcard> div classsliderText> h3>15-Paging/h3> /div> div classdemo-img> img srcimg/15-Paging.jpg> /div> div classcontent> p>1. 请左右滑动选择不同卡片。如果你要获取源码,请记住图片上方的编号与名字。/p> p>2. 点击“获取源码”获取该项目源码。/p> p>3. 点击“效果演示”查看效果预览。/p> p>4. 点击“查看视频”一起打卡学习~/p>br> a hrefhttps://github.com/local-host-8080/demo-html-css>获取源码/a> a hrefdemo/15/index.html>效果演示/a> a hrefhttps://www.bilibili.com/video/av60643633>查看视频/a> /div> /div> /div> div classswiper-slide> div classcard> div classsliderText> h3>16-Show/h3> /div> div classdemo-img> img srcimg/16-Show.jpg> /div> div classcontent> p>1. 请左右滑动选择不同卡片。如果你要获取源码,请记住图片上方的编号与名字。/p> p>2. 点击“获取源码”获取该项目源码。/p> p>3. 点击“效果演示”查看效果预览。/p> p>4. 点击“查看视频”一起打卡学习~/p>br> a hrefhttps://github.com/local-host-8080/demo-html-css>获取源码/a> a hrefdemo/16/index.html>效果演示/a> a hrefhttps://www.bilibili.com/video/av64977761>查看视频/a> /div> /div> /div> div classswiper-slide> div classcard> div classsliderText> h3>17-Paging/h3> /div> div classdemo-img> img srcimg/17-Paging.jpg> /div> div classcontent> p>1. 请左右滑动选择不同卡片。如果你要获取源码,请记住图片上方的编号与名字。/p> p>2. 点击“获取源码”获取该项目源码。/p> p>3. 点击“效果演示”查看效果预览。/p> p>4. 点击“查看视频”一起打卡学习~/p>br> a hrefhttps://github.com/local-host-8080/demo-html-css>获取源码/a> a hrefdemo/17/index.html>效果演示/a> a hrefhttps://www.bilibili.com/video/av64011244>查看视频/a> /div> /div> /div> div classswiper-slide> div classcard> div classsliderText> h3>18-Facebook/h3> /div> div classdemo-img> img srcimg/18-Facebook.jpg> /div> div classcontent> p>1. 请左右滑动选择不同卡片。如果你要获取源码,请记住图片上方的编号与名字。/p> p>2. 点击“获取源码”获取该项目源码。/p> p>3. 点击“效果演示”查看效果预览。/p> p>4. 点击“查看视频”一起打卡学习~/p>br> a hrefhttps://github.com/local-host-8080/demo-html-css>获取源码/a> a hrefdemo/18/index.html>效果演示/a> a hrefhttps://www.bilibili.com/video/av64011793>查看视频/a> /div> /div> /div> div classswiper-slide> div classcard> div classsliderText> h3>19-Card-Effect/h3> /div> div classdemo-img> img srcimg/19-Card-Effect.jpg> /div> div classcontent> p>1. 请左右滑动选择不同卡片。如果你要获取源码,请记住图片上方的编号与名字。/p> p>2. 点击“获取源码”获取该项目源码。/p> p>3. 点击“效果演示”查看效果预览。/p> p>4. 点击“查看视频”一起打卡学习~/p>br> a hrefhttps://github.com/local-host-8080/demo-html-css>获取源码/a> a hrefdemo/19/index.html>效果演示/a> a hrefhttps://www.bilibili.com/video/av64012288>查看视频/a> /div> /div> /div> div classswiper-slide> div classcard> div classsliderText> h3>20-Loading/h3> /div> div classdemo-img> img srcimg/20-Loading.jpg> /div> div classcontent> p>1. 请左右滑动选择不同卡片。如果你要获取源码,请记住图片上方的编号与名字。/p> p>2. 点击“获取源码”获取该项目源码。/p> p>3. 点击“效果演示”查看效果预览。/p> p>4. 点击“查看视频”一起打卡学习~/p>br> a hrefhttps://github.com/local-host-8080/demo-html-css>获取源码/a> a hrefdemo/20/index.html>效果演示/a> a hrefhttps://www.bilibili.com/video/av64980442>查看视频/a> /div> /div> /div> div classswiper-slide> div classcard> div classsliderText> h3>21-Clock/h3> /div> div classdemo-img> img srcimg/21-Clock.jpg> /div> div classcontent> p>1. 请左右滑动选择不同卡片。如果你要获取源码,请记住图片上方的编号与名字。/p> p>2. 点击“获取源码”获取该项目源码。/p> p>3. 点击“效果演示”查看效果预览。/p> p>4. 点击“查看视频”一起打卡学习~/p>br> a hrefhttps://github.com/local-host-8080/demo-html-css>获取源码/a> a hrefdemo/21/index.html>效果演示/a> a hrefhttps://www.bilibili.com/video/av66257547>查看视频/a> /div> /div> /div> div classswiper-slide> div classcard> div classsliderText> h3>22-GlowingBtn/h3> /div> div classdemo-img> img srcimg/22-GlowingBtn.jpg> /div> div classcontent> p>1. 请左右滑动选择不同卡片。如果你要获取源码,请记住图片上方的编号与名字。/p> p>2. 点击“获取源码”获取该项目源码。/p> p>3. 点击“效果演示”查看效果预览。/p> p>4. 点击“查看视频”一起打卡学习~/p>br> a hrefhttps://github.com/local-host-8080/demo-html-css>获取源码/a> a hrefdemo/22/index.html>效果演示/a> a hrefhttps://www.bilibili.com/video/av62786285>查看视频/a> /div> /div> /div> div classswiper-slide> div classcard> div classsliderText> h3>23-MenuEffect/h3> /div> div classdemo-img> img srcimg/23-MenuEffect.jpg> /div> div classcontent> p>1. 请左右滑动选择不同卡片。如果你要获取源码,请记住图片上方的编号与名字。/p> p>2. 点击“获取源码”获取该项目源码。/p> p>3. 点击“效果演示”查看效果预览。/p> p>4. 点击“查看视频”一起打卡学习~/p>br> a hrefhttps://github.com/local-host-8080/demo-html-css>获取源码/a> a hrefdemo/23/index.html>效果演示/a> a hrefhttps://www.bilibili.com/video/av60644422>查看视频/a> /div> /div> /div> div classswiper-slide> div classcard> div classsliderText> h3>24-ConfirmBox/h3> /div> div classdemo-img> img srcimg/24-ConfirmBox.jpg> /div> div classcontent> p>1. 请左右滑动选择不同卡片。如果你要获取源码,请记住图片上方的编号与名字。/p> p>2. 点击“获取源码”获取该项目源码。/p> p>3. 点击“效果演示”查看效果预览。/p> p>4. 点击“查看视频”一起打卡学习~/p>br> a hrefhttps://github.com/local-host-8080/demo-html-css>获取源码/a> a hrefdemo/24/index.html>效果演示/a> a hrefhttps://www.bilibili.com/video/av62819536>查看视频/a> /div> /div> /div> div classswiper-slide> div classcard> div classsliderText> h3>25-CardEffects/h3> /div> div classdemo-img> img srcimg/25-CardEffects.jpg> /div> div classcontent> p>1. 请左右滑动选择不同卡片。如果你要获取源码,请记住图片上方的编号与名字。/p> p>2. 点击“获取源码”获取该项目源码。/p> p>3. 点击“效果演示”查看效果预览。/p> p>4. 点击“查看视频”一起打卡学习~/p>br> a hrefhttps://github.com/local-host-8080/demo-html-css>获取源码/a> a hrefdemo/25/index.html>效果演示/a> a hrefhttps://www.bilibili.com/video/av64982278>查看视频/a> /div> /div> /div> div classswiper-slide> div classcard> div classsliderText> h3>26-Odometer/h3> /div> div classdemo-img> img srcimg/26-Odometer.jpg> /div> div classcontent> p>1. 请左右滑动选择不同卡片。如果你要获取源码,请记住图片上方的编号与名字。/p> p>2. 点击“获取源码”获取该项目源码。/p> p>3. 点击“效果演示”查看效果预览。/p> p>4. 点击“查看视频”一起打卡学习~/p>br> a hrefhttps://github.com/local-host-8080/demo-html-css>获取源码/a> a hrefdemo/26/index.html>效果演示/a> a hrefhttps://www.bilibili.com/video/av65902002>查看视频/a> /div> /div> /div> div classswiper-slide> div classcard> div classsliderText> h3>27-RadialMenu/h3> /div> div classdemo-img> img srcimg/27-RadialMenu.jpg> /div> div classcontent> p>1. 请左右滑动选择不同卡片。如果你要获取源码,请记住图片上方的编号与名字。/p> p>2. 点击“获取源码”获取该项目源码。/p> p>3. 点击“效果演示”查看效果预览。/p> p>4. 点击“查看视频”一起打卡学习~/p>br> a hrefhttps://github.com/local-host-8080/demo-html-css>获取源码/a> a hrefdemo/27/index.html>效果演示/a> a hrefhttps://www.bilibili.com/video/av64982846>查看视频/a> /div> /div> /div> div classswiper-slide> div classcard> div classsliderText> h3>28-ImageEffect/h3> /div> div classdemo-img> img srcimg/28-ImageEffect.jpg> /div> div classcontent> p>1. 请左右滑动选择不同卡片。如果你要获取源码,请记住图片上方的编号与名字。/p> p>2. 点击“获取源码”获取该项目源码。/p> p>3. 点击“效果演示”查看效果预览。/p> p>4. 点击“查看视频”一起打卡学习~/p>br> a hrefhttps://github.com/local-host-8080/demo-html-css>获取源码/a> a hrefdemo/28/index.html>效果演示/a> a hrefhttps://www.bilibili.com/video/av61799180>查看视频/a> /div> /div> /div> div classswiper-slide> div classcard> div classsliderText> h3>29-Pagination/h3> /div> div classdemo-img> img srcimg/29-Pagination.jpg> /div> div classcontent> p>1. 请左右滑动选择不同卡片。如果你要获取源码,请记住图片上方的编号与名字。/p> p>2. 点击“获取源码”获取该项目源码。/p> p>3. 点击“效果演示”查看效果预览。/p> p>4. 点击“查看视频”一起打卡学习~/p>br> a hrefhttps://github.com/local-host-8080/demo-html-css>获取源码/a> a hrefdemo/29/index.html>效果演示/a> /div> /div> /div> div classswiper-slide> div classcard> div classsliderText> h3>30-Loading/h3> /div> div classdemo-img> img srcimg/30-Loading.jpg> /div> div classcontent> p>1. 请左右滑动选择不同卡片。如果你要获取源码,请记住图片上方的编号与名字。/p> p>2. 点击“获取源码”获取该项目源码。/p> p>3. 点击“效果演示”查看效果预览。/p> p>4. 点击“查看视频”一起打卡学习~/p>br> a hrefhttps://github.com/local-host-8080/demo-html-css>获取源码/a> a hrefdemo/30/index.html>效果演示/a> a hrefhttps://www.bilibili.com/video/av60768238>查看视频/a> /div> /div> /div> div classswiper-slide> div classcard> div classsliderText> h3>31-Card-Effect/h3> /div> div classdemo-img> img srcimg/31-Card-Effect.jpg> /div> div classcontent> p>1. 请左右滑动选择不同卡片。如果你要获取源码,请记住图片上方的编号与名字。/p> p>2. 点击“获取源码”获取该项目源码。/p> p>3. 点击“效果演示”查看效果预览。/p> p>4. 点击“查看视频”一起打卡学习~/p>br> a hrefhttps://github.com/local-host-8080/demo-html-css>获取源码/a> a hrefdemo/31/index.html>效果演示/a> a hrefhttps://www.bilibili.com/video/av68151425>查看视频/a> /div> /div> /div> div classswiper-slide> div classcard> div classsliderText> h3>32-GridLayout/h3> /div> div classdemo-img> img srcimg/32-GridLayout.jpg> /div> div classcontent> p>1. 请左右滑动选择不同卡片。如果你要获取源码,请记住图片上方的编号与名字。/p> p>2. 点击“获取源码”获取该项目源码。/p> p>3. 点击“效果演示”查看效果预览。/p> p>4. 点击“查看视频”一起打卡学习~/p>br> a hrefhttps://github.com/local-host-8080/demo-html-css>获取源码/a> a hrefdemo/32/index.html>效果演示/a> a hrefhttps://www.bilibili.com/video/av65916515>查看视频/a> /div> /div> /div> div classswiper-slide> div classcard> div classsliderText> h3>33-CardEffect/h3> /div> div classdemo-img> img srcimg/33-CardEffect.jpg> /div> div classcontent> p>1. 请左右滑动选择不同卡片。如果你要获取源码,请记住图片上方的编号与名字。/p> p>2. 点击“获取源码”获取该项目源码。/p> p>3. 点击“效果演示”查看效果预览。/p> p>4. 点击“查看视频”一起打卡学习~/p>br> a hrefhttps://github.com/local-host-8080/demo-html-css>获取源码/a> a hrefdemo/33/index.html>效果演示/a> a hrefhttps://www.bilibili.com/video/av68148870>查看视频/a> /div> /div> /div> div classswiper-slide> div classcard> div classsliderText> h3>34-Book-Flip/h3> /div> div classdemo-img> img srcimg/34-Book-Flip.jpg> /div> div classcontent> p>1. 请左右滑动选择不同卡片。如果你要获取源码,请记住图片上方的编号与名字。/p> p>2. 点击“获取源码”获取该项目源码。/p> p>3. 点击“效果演示”查看效果预览。/p> p>4. 点击“查看视频”一起打卡学习~/p>br> a hrefhttps://github.com/local-host-8080/demo-html-css>获取源码/a> a hrefdemo/34/index.html>效果演示/a> a hrefhttps://www.bilibili.com/video/av65915722>查看视频/a> /div> /div> /div> div classswiper-slide> div classcard> div classsliderText> h3>35-Calendar/h3> /div> div classdemo-img> img srcimg/35-Calendar.jpg> /div> div classcontent> p>1. 请左右滑动选择不同卡片。如果你要获取源码,请记住图片上方的编号与名字。/p> p>2. 点击“获取源码”获取该项目源码。/p> p>3. 点击“效果演示”查看效果预览。/p> p>4. 点击“查看视频”一起打卡学习~/p>br> a hrefhttps://github.com/local-host-8080/demo-html-css>获取源码/a> a hrefdemo/35/index.html>效果演示/a> a hrefhttps://www.bilibili.com/video/av70468652>查看视频/a> /div> /div> /div> div classswiper-slide> div classcard> div classsliderText> h3>36-Add-Cart/h3> /div> div classdemo-img> img srcimg/36-Add-Cart.jpg> /div> div classcontent> p>1. 请左右滑动选择不同卡片。如果你要获取源码,请记住图片上方的编号与名字。/p> p>2. 点击“获取源码”获取该项目源码。/p> p>3. 点击“效果演示”查看效果预览。/p> p>4. 点击“查看视频”一起打卡学习~/p>br> a hrefhttps://github.com/local-host-8080/demo-html-css>获取源码/a> a hrefdemo/36/index.html>效果演示/a> a hrefhttps://www.bilibili.com/video/av70484455/>查看视频/a> /div> /div> /div> div classswiper-slide> div classcard> div classsliderText> h3>37-SelectBox/h3> /div> div classdemo-img> img srcimg/37-SelectBox.jpg> /div> div classcontent> p>1. 请左右滑动选择不同卡片。如果你要获取源码,请记住图片上方的编号与名字。/p> p>2. 点击“获取源码”获取该项目源码。/p> p>3. 点击“效果演示”查看效果预览。/p> p>4. 点击“查看视频”一起打卡学习~/p>br> a hrefhttps://github.com/local-host-8080/demo-html-css>获取源码/a> a hrefdemo/37/index.html>效果演示/a> a hrefhttps://www.bilibili.com/video/av70484945/>查看视频/a> /div> /div> /div> div classswiper-slide> div classcard> div classsliderText> h3>38-餐厅创意菜单/h3> /div> div classdemo-img> img srcimg/38-RESTAURANT.jpg> /div> div classcontent> p>1. 请左右滑动选择不同卡片。如果你要获取源码,请记住图片上方的编号与名字。/p> p>2. 点击“获取源码”获取该项目源码。/p> p>3. 点击“效果演示”查看效果预览。/p> p>4. 点击“查看视频”一起打卡学习~/p>br> a hrefhttps://github.com/local-host-8080/demo-html-css>获取源码/a> a hrefdemo/38/index.html>效果演示/a> a hrefhttps://www.bilibili.com/video/av70483974/>查看视频/a> /div> /div> /div> div classswiper-slide> div classcard> div classsliderText> h3>39-Carousel/h3> /div> div classdemo-img> img srcimg/39-Carousel.jpg> /div> div classcontent> p>1. 请左右滑动选择不同卡片。如果你要获取源码,请记住图片上方的编号与名字。/p> p>2. 点击“获取源码”获取该项目源码。/p> p>3. 点击“效果演示”查看效果预览。/p> p>4. 点击“查看视频”一起打卡学习~/p>br> a hrefhttps://github.com/local-host-8080/demo-html-css>获取源码/a> a hrefdemo/39/index.html>效果演示/a> a hrefhttps://github.com/local-host-8080/love-confession>了解详情/a> /div> /div> /div> div classswiper-slide> div classcard> div classsliderText> h3>40-商品展示/h3> /div> div classdemo-img> img srcimg/40-ShowCommodity.jpg> /div> div classcontent> p>1. 请左右滑动选择不同卡片。如果你要获取源码,请记住图片上方的编号与名字。/p> p>2. 点击“获取源码”获取该项目源码。/p> p>3. 点击“效果演示”查看效果预览。/p> p>4. 点击“查看视频”一起打卡学习~/p>br> a hrefhttps://github.com/local-host-8080/demo-html-css>获取源码/a> a hrefdemo/40/index.html>效果演示/a> a hrefhttps://www.bilibili.com/video/av71774955>查看视频/a> /div> /div> /div> div classswiper-slide> div classcard> div classsliderText> h3>41-NeonLove/h3> /div> div classdemo-img> img srcimg/41-NeonLove.jpg> /div> div classcontent> p>1. 请左右滑动选择不同卡片。如果你要获取源码,请记住图片上方的编号与名字。/p> p>2. 点击“获取源码”获取该项目源码。/p> p>3. 点击“效果演示”查看效果预览。/p> p>4. 点击“查看视频”一起打卡学习~/p>br> a hrefhttps://github.com/local-host-8080/demo-html-css>获取源码/a> a hrefdemo/41/index.html>效果演示/a> a hrefhttps://www.bilibili.com/video/av74614522/>查看视频/a> /div> /div> /div> div classswiper-slide> div classcard> div classsliderText> h3>42-交互式按钮/h3> /div> div classdemo-img> img srcimg/42-InteractiveButton.jpg> /div> div classcontent> p>1. 请左右滑动选择不同卡片。如果你要获取源码,请记住图片上方的编号与名字。/p> p>2. 点击“获取源码”获取该项目源码。/p> p>3. 点击“效果演示”查看效果预览。/p> p>4. 点击“查看视频”一起打卡学习~/p>br> a hrefhttps://github.com/local-host-8080/demo-html-css>获取源码/a> a hrefdemo/42/index.html>效果演示/a> a hrefhttps://www.bilibili.com/video/av74614102/>查看视频/a> /div> /div> /div> div classswiper-slide> div classcard> div classsliderText> h3>43-ProgressBar/h3> /div> div classdemo-img> img srcimg/43-ProgressBar.jpg> /div> div classcontent> p>1. 请左右滑动选择不同卡片。如果你要获取源码,请记住图片上方的编号与名字。/p> p>2. 点击“获取源码”获取该项目源码。/p> p>3. 点击“效果演示”查看效果预览。/p> p>4. 点击“查看视频”一起打卡学习~/p>br> a hrefhttps://github.com/local-host-8080/demo-html-css>获取源码/a> a hrefdemo/43/index.html>效果演示/a> a hrefhttps://www.bilibili.com/video/av74613275/>查看视频/a> /div> /div> /div> div classswiper-slide> div classcard> div classsliderText> h3>44-HoverCard/h3> /div> div classdemo-img> img srcimg/44-HoverCard.jpg> /div> div classcontent> p>1. 请左右滑动选择不同卡片。如果你要获取源码,请记住图片上方的编号与名字。/p> p>2. 点击“获取源码”获取该项目源码。/p> p>3. 点击“效果演示”查看效果预览。/p> p>4. 点击“查看视频”一起打卡学习~/p>br> a hrefhttps://github.com/local-host-8080/demo-html-css>获取源码/a> a hrefdemo/44/index.html>效果演示/a> a hrefhttps://www.bilibili.com/video/av74614733/>查看视频/a> /div> /div> /div> div classswiper-slide> div classcard> div classsliderText> h3>45-FullCard/h3> /div> div classdemo-img> img srcimg/45-FullCard.jpg> /div> div classcontent> p>1. 请左右滑动选择不同卡片。如果你要获取源码,请记住图片上方的编号与名字。/p> p>2. 点击“获取源码”获取该项目源码。/p> p>3. 点击“效果演示”查看效果预览。/p> p>4. 点击“查看视频”一起打卡学习~/p>br> a hrefhttps://github.com/local-host-8080/demo-html-css>获取源码/a> a hrefdemo/45/index.html>效果演示/a> a hrefhttps://www.bilibili.com/video/av74612706/>查看视频/a> /div> /div> /div> div classswiper-slide> div classcard> div classsliderText> h3>46-网页计算器/h3> /div> div classdemo-img> img srcimg/46-Calculator.jpg> /div> div classcontent> p>1. 请左右滑动选择不同卡片。如果你要获取源码,请记住图片上方的编号与名字。/p> p>2. 点击“获取源码”获取该项目源码。/p> p>3. 点击“效果演示”查看效果预览。/p> p>4. 点击“查看视频”一起打卡学习~/p>br> a hrefhttps://github.com/local-host-8080/demo-html-css>获取源码/a> a hrefdemo/46/index.html>效果演示/a> a hrefhttps://www.bilibili.com/video/BV1Ct411N7mB>查看视频/a> /div> /div> /div> div classswiper-slide> div classcard> div classsliderText> h3>47-模板/h3> /div> div classdemo-img> img srcimg/图片名称.jpg> /div> div classcontent> p>1. 请左右滑动选择不同卡片。如果你要获取源码,请记住图片上方的编号与名字。/p> p>2. 点击“获取源码”获取该项目源码。/p> p>3. 点击“效果演示”查看效果预览。/p> p>4. 点击“查看视频”一起打卡学习~/p>br> a hrefhttps://github.com/local-host-8080/demo-html-css>获取源码/a> a hrefdemo/文件编号/index.html>效果演示/a> a href#>查看视频/a> /div> /div> /div> div classswiper-slide> div classcard> div classsliderText> h3>48-模板/h3> /div> div classdemo-img> img srcimg/图片名称.jpg> /div> div classcontent> p>1. 请左右滑动选择不同卡片。如果你要获取源码,请记住图片上方的编号与名字。/p> p>2. 点击“获取源码”获取该项目源码。/p> p>3. 点击“效果演示”查看效果预览。/p> p>4. 点击“查看视频”一起打卡学习~/p>br> a hrefhttps://github.com/local-host-8080/demo-html-css>获取源码/a> a hrefdemo/文件编号/index.html>效果演示/a> a href#>查看视频/a> /div> /div> /div> div classswiper-slide> div classcard> div classsliderText> h3>49-模板/h3> /div> div classdemo-img> img srcimg/图片名称.jpg> /div> div classcontent> p>1. 请左右滑动选择不同卡片。如果你要获取源码,请记住图片上方的编号与名字。/p> p>2. 点击“获取源码”获取该项目源码。/p> p>3. 点击“效果演示”查看效果预览。/p> p>4. 点击“查看视频”一起打卡学习~/p>br> a hrefhttps://github.com/local-host-8080/demo-html-css>获取源码/a> a hrefdemo/文件编号/index.html>效果演示/a> a href#>查看视频/a> /div> /div> /div> div classswiper-slide> div classcard> div classsliderText> h3>50-模板/h3> /div> div classdemo-img> img srcimg/图片名称.jpg> /div> div classcontent> p>1. 请左右滑动选择不同卡片。如果你要获取源码,请记住图片上方的编号与名字。/p> p>2. 点击“获取源码”获取该项目源码。/p> p>3. 点击“效果演示”查看效果预览。/p> p>4. 点击“查看视频”一起打卡学习~/p>br> a hrefhttps://github.com/local-host-8080/demo-html-css>获取源码/a> a hrefdemo/文件编号/index.html>效果演示/a> a href#>查看视频/a> /div> /div> /div> div classswiper-slide> div classcard> div classsliderText> h3>51-模板/h3> /div> div classdemo-img> img srcimg/图片名称.jpg> /div> div classcontent> p>1. 请左右滑动选择不同卡片。如果你要获取源码,请记住图片上方的编号与名字。/p> p>2. 点击“获取源码”获取该项目源码。/p> p>3. 点击“效果演示”查看效果预览。/p> p>4. 点击“查看视频”一起打卡学习~/p>br> a hrefhttps://github.com/local-host-8080/demo-html-css>获取源码/a> a hrefdemo/文件编号/index.html>效果演示/a> a href#>查看视频/a> /div> /div> /div> !-- end --> /div> !-- Add Pagination --> div classswiper-pagination>/div> /div> !-- Swiper JS --> script srcjs/swiper.min.js>/script> !-- Initialize Swiper --> script> var swiper new Swiper(.swiper-container, { effect: coverflow, grabCursor: true, centeredSlides: true, slidesPerView: auto, coverflowEffect: { rotate: 30, stretch: 0, depth: 200, modifier: 1, slideShadows : true, }, pagination: { el: .swiper-pagination, }, }); /script>/body>/html>
View on OTX
|
View on ThreatMiner
Please enable JavaScript to view the
comments powered by Disqus.
Data with thanks to
AlienVault OTX
,
VirusTotal
,
Malwr
and
others
. [
Sitemap
]