自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(87)
  • 收藏
  • 关注

转载 Windows预加载等待动画

Windows预加载等待动画教程地址:原文地址(YouTube)B站教程:原文转载(bilibili)两个视频的内容相同,第二个为转载效果图代码区html<div class="container"> <div class="wrapper"> <div class="loader"> <div class="dot"> </div> </div> <div class="

2020-06-15 10:50:37 771

原创 《算法》第四版配置

《算法》第四版 环境变量配置本人安装前提:系统为win10java版本相同。并已经配置如图:已经下载了intellij idea并且不想重复安装如未安装可直接下载官网的一键安装包win点击下载官网链接教程代码采用了第一章:二分查找代码官网代码网站:内含数据链接1. 环境变量法进行配置点击下载依赖文件放入到一个不会删除的地方开始菜单搜索环境变量点...

2020-05-08 14:45:50 447

转载 带有3D效果的个性名片

带有3D效果的个性名片教程地址:原文地址(YouTube)B站教程:原文转载(bilibili)两个视频的内容相同,第二个为转载效果图代码区html<div class="card"> <div class="content"> <div class="user"><span class="fas fa-us...

2020-03-25 16:02:54 548

翻译 CSS3制作带有子菜单的下拉菜单

CSS3制作带有子菜单的下拉菜单教程地址:原文地址(YouTube)B站教程:原文转载(bilibili)两个视频的内容相同,第二个为转载效果图代码区html<nav> <label for="btn" class="button">Drop down <span class="fas fa-caret-down"></sp...

2020-03-25 15:59:46 870

转载 CSS3 Neumorphic社交媒体图标

CSS3 Neumorphic社交媒体图标教程地址:原文地址(YouTube)B站教程:原文转载(bilibili)两个视频的内容相同,第二个为转载效果图代码区html<div class="center"> <div class="icons first"> <li><a href="#"><span clas...

2020-03-25 15:58:37 588

转载 带有社交图标的动画共享按钮

带有社交图标的动画共享按钮教程地址:原文地址(YouTube)B站教程:原文转载(bilibili)两个视频的内容相同,第二个为转载效果图代码区html<div class="content"> <div class="text">Animated Share Button with Icon</div> <p>HTML ...

2020-03-25 15:57:14 353

转载 事件通信菜单

事件通信菜单教程地址:原文地址(YouTube)B站教程:原文转载(bilibili)两个视频的内容相同,第二个为转载效果图代码区html<!-- https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.11.2/css/all.css --><div class="newsletter"> &l...

2020-03-18 15:56:57 218

转载 响应式联系信息

响应式联系信息教程地址:原文地址(YouTube)B站教程:原文转载(bilibili)两个视频的内容相同,第二个为转载效果图代码区html<div class="contact-info"> <div class="card"> <i class="card-icon far fa-envelope"></i> ...

2020-03-18 15:52:56 243

转载 jQuery制作扁平化动态技能栏

jQuery制作扁平化动态技能栏教程地址:原文地址(YouTube)B站教程:原文转载(bilibili)两个视频的内容相同,第二个为转载效果图代码区html<div class="skills"> <div class="skill"> <div class="skill-name">HTML</div> &...

2020-03-18 15:48:09 353

转载 使用jQuery制作颜色效果选择器

使用jQuery制作颜色效果选择器教程地址:原文地址(YouTube)B站教程:原文转载(bilibili)两个视频的内容相同,第二个为转载效果图代码区html<div class="colors-container"> <div class="color"> <div class="color-hex">#000000</...

2020-03-18 15:45:06 486

转载 弹动加载动画

弹动加载动画教程地址:原文地址(YouTube)B站教程:原文转载(bilibili)两个视频的内容相同,第二个为转载效果图代码区html<div class="loading-screen"> <div class="loading-animation"> <img src="logo.png" alt="" class="logo"...

2020-03-18 15:40:13 373

转载 使用范围滑块更改页面亮度

使用范围滑块更改页面亮度教程地址:原文地址(YouTube)B站教程:原文转载(bilibili)两个视频的内容相同,第二个为转载效果图代码区html<div class="container"> <div class="brightness-box"> <i class="far fa-sun"></i> &...

2020-03-18 15:35:53 360

转载 自定义滚动条

自定义滚动条教程地址:原文地址(YouTube)B站教程:原文转载(bilibili)两个视频的内容相同,第二个为转载效果图代码区html <section> <h2>百年孤独</h2> <p><!-- 请增加到足够滚动的字体 --> </p> </...

2020-03-09 21:25:25 526 1

转载 登陆界面设计

登陆界面设计教程地址:原文地址(YouTube)B站教程:原文转载(bilibili)两个视频的内容相同,第二个为转载效果图代码区html<div class="bg-img"> <div class="content"> <header>Login Form</header> <!-- 表单 --&gt...

2020-03-09 21:08:52 738

转载 Glide插件的图片轮播图

Glide插件的图片轮播图教程地址:原文地址(YouTube)B站教程:原文转载(bilibili)两个视频的内容相同,第二个为转载效果图代码区引入文件码云下载:html<!-- 头文件注意引入次序 --><div class="images glide"> <div class="glide__track" data-glide-el="...

2020-03-09 20:35:06 1375 1

转载 使用HTML和CSS的明信片动画效果

使用HTML和CSS的明信片动画效果教程地址:原文地址(YouTube)B站教程:原文转载(bilibili)两个视频的内容相同,第二个为转载效果图代码区html<div class="wrapper"> <div class="mail"> <div class="cover"></div> <div ...

2020-03-06 19:51:50 1134

转载 波纹效果

波纹效果教程地址:原文地址(YouTube)B站教程:原文转载(bilibili)两个视频的内容相同,第二个为转载效果图代码区html<div class="container"> <span class="ripple r1"></span> <span class="ripple r2"></span> ...

2020-03-04 20:09:04 325 1

转载 CSS制作开关

CSS制作开关教程地址:原文地址(YouTube)B站教程:原文转载(bilibili)两个视频的内容相同,第二个为转载效果图代码区html<label> <input type="checkbox" name="" id="one"> <span class="check"></span> <span clas...

2020-03-04 20:06:53 407

转载 点击切换显示隐藏输入框

点击切换显示隐藏输入框教程地址:原文地址(YouTube)B站教程:原文转载(bilibili)两个视频的内容相同,第二个为转载效果图代码区html<div class="inputBox"> <input type="password" name='' placeholder="Enter password" id='password'> &l...

2020-03-02 21:16:09 853 2

转载 分布图层悬停效果

分布图层悬停效果教程地址:原文地址(YouTube)B站教程:原文转载(bilibili)两个视频的内容相同,第二个为转载效果图代码区html <div class="container"> <div class="imgBx"> <img src="img/bg.jpg"> <img src="img/bg.jpg"...

2020-03-01 20:12:38 307 1

转载 响应式菜单

教程地址:原文地址(YouTube)B站教程:原文转载(bilibili)两个视频的内容相同,第二个为转载效果图[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-ziKUQWDn-1582942429406)(演示.gif)]代码区html<header><div class="inner-width"> <a h...

2020-02-29 10:14:08 607

转载 滚动渐变导航栏

滚动渐变导航栏教程地址:原文地址(YouTube)B站教程:原文转载(bilibili)两个视频的内容相同,第二个为转载效果图代码区html<header> <!-- logo --> <a href="#" class="logo">Logo</a> <!-- 导航栏 --> <ul>...

2020-02-27 19:43:04 1348 2

转载 图片文字制作视差效果

图片文字制作视差效果教程地址:原文地址(YouTube)B站教程:原文转载(bilibili)两个视频的内容相同,第二个为转载效果图代码区html <section> <p> <!-- 请自行添加文章 --> </p> <div id='bg'></div> </secti...

2020-02-26 13:58:53 355

转载 css制作悬停效果按钮

css制作悬停效果按钮教程地址:原文地址(YouTube)B站教程:原文转载(bilibili)两个视频的内容相同,第二个为转载效果图代码区html<div class="container"> <button class="btn btn1">Hover Me</button> <button class="btn btn2"...

2020-02-26 13:22:03 1471

转载 等待动画效果

等待动画效果教程地址:原文地址(YouTube)B站教程:原文转载(bilibili)两个视频的内容相同,第二个为转载效果图代码区html<div class="loading"> <span>Loading...</span></div>CSSbody{ margin: 0; /* 外边距 */ paddin...

2020-02-26 13:13:19 622

转载 jq制作代办事务表单

jq制作代办事务表单教程地址:原文地址(YouTube)B站教程:原文转载(bilibili)两个视频的内容相同,第二个为转载效果图代码区html<div class="container"> <!-- 输入框 --> <input type="text" class="txtb" placeholder="Add a task">...

2020-02-23 20:27:26 393

原创 滚动显示阴影文字

滚动显示阴影文字教程地址:原文地址(codepen)B站教程:原文转载(bilibili)两个视频的内容相同,第二个为转载效果图代码区html <div class="reveal"> <span>Reveal</span> </div>CSS@import url("https://fonts.googleapis...

2020-02-20 11:23:44 286

转载 展开菜单栏

展开菜单栏教程地址:原文地址(YouTube)B站教程:原文转载(bilibili)两个视频的内容相同,第二个为转载效果图代码区html<div class="menu-container"> <!-- 菜单栏 --> <div class="button"><p>Menu</p> <span ...

2020-02-19 18:14:25 669 2

转载 输入式朝阳文字

输入式朝阳文字教程地址:原文地址(YouTube)B站教程:原文转载(bilibili)两个视频的内容相同,第二个为转载效果图代码区html<div id="text" contenteditable="true">Text</div>CSS* { margin: 0; /* 外边距 */ padding: 0; /* 内边距 */ f...

2020-02-18 18:15:41 211 1

转载 过渡等待动画

过渡等待动画教程地址:原文地址(YouTube)B站教程:原文转载(bilibili)两个视频的内容相同,第二个为转载效果图代码区html<h2> <span>L</span> <span>o</span> <span>a</span> <span>d</spa...

2020-02-16 09:13:05 235

转载 使用js实现跟随鼠标移动的心形上浮效果

使用js实现跟随鼠标移动的心形上浮效果教程地址:原文地址(YouTube)B站教程:原文转载(bilibili)两个视频的内容相同,第二个为转载效果图[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-9zP31qVn-1581731960911)(演示.gif)]代码区html<!-- 模板即可 -->CSS* { margin...

2020-02-15 09:59:43 1155

转载 水球加载动画

水球加载动画教程地址:原文地址(YouTube)B站教程:原文转载(bilibili)两个视频的内容相同,第二个为转载效果图代码区html<div class="circle"> <div class="wave"></div></div>CSSbody { margin: 0; /* 外边距 */ paddi...

2020-02-13 10:14:11 285

转载 黄色圆形加载动画

黄色圆形加载动画教程地址:原文地址(YouTube)B站教程:原文转载(bilibili)两个视频的内容相同,第二个为转载效果图代码区html<div class="ring"> Loading <span></span></div>CSSbody { margin: 0; /* 外边距 */ paddin...

2020-02-13 09:47:27 13363

转载 蛇形方框加载器

蛇形方框加载器教程地址:原文地址(YouTube)B站教程:原文转载(bilibili)两个视频的内容相同,第二个为转载效果图[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-EbIV5dx1-1581477748976)(演示.gif)]代码区html<div class="square"> <span></spa...

2020-02-12 11:22:49 212

转载 背景视频切换

背景视频切换教程地址:原文地址(YouTube)B站教程:原文转载(bilibili)两个视频的内容相同,第二个为转载效果图[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-vl9jxGdg-1581474957730)(演示.gif)]代码区html<section> <video id='slider' autoplay m...

2020-02-12 10:36:20 1050 1

转载 马赛克属性图片利用图片加载算法属性

马赛克属性图片利用图片加载算法属性教程地址:原文地址(YouTube)B站教程:原文转载(bilibili)两个视频的内容相同,第二个为转载效果图代码区html<div class="container"> <div class="pixel"> <img src="img/img1.png" > <!-- 清晰 --&gt...

2020-02-11 11:27:40 328

转载 RBG渐变圆形读条

RBG渐变圆形读条教程地址:原文地址(YouTube)B站教程:原文转载(bilibili)两个视频的内容相同,第二个为转载效果图[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-N6rAsd2K-1581390043706)(演示.gif)]代码区html<div class="outer"> </div><div ...

2020-02-11 11:01:18 295

转载 边框加载霓虹灯按钮

边框加载霓虹灯按钮教程地址:原文地址(YouTube)B站教程:原文转载(bilibili)两个视频的内容相同,第二个为转载效果图代码区html <a href="#">Button</a> <a href="#">Button</a> <a href="#">Button</a>CSS* {...

2020-02-10 11:55:06 311

转载 点赞爱心按钮

点赞爱心按钮教程地址:原文地址(YouTube)B站教程:原文转载(bilibili)两个视频的内容相同,第二个为转载效果图[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-dNVJEhBd-1581303162565)(演示.gif)]代码区html <!-- 外边框 --> <div class="heart-btn"&gt...

2020-02-10 10:52:58 1861

转载 纯CSS制作笑脸评分系统

纯CSS制作笑脸评分系统教程地址:原文地址(YouTube)B站教程:原文转载(bilibili)两个视频的内容相同,第二个为转载图片下载地址效果图[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-6pegrcL4-1581214877022)(演示.gif)]代码区html <div class="rating"> &l...

2020-02-09 10:21:34 687

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除