js
K.Dream
这个作者很懒,什么都没留下…
展开
-
带有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 · 536 阅读 · 0 评论 -
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 · 861 阅读 · 0 评论 -
带有社交图标的动画共享按钮
带有社交图标的动画共享按钮教程地址:原文地址(YouTube)B站教程:原文转载(bilibili)两个视频的内容相同,第二个为转载效果图代码区html<div class="content"> <div class="text">Animated Share Button with Icon</div> <p>HTML ...转载 2020-03-25 15:57:14 · 326 阅读 · 0 评论 -
jQuery制作扁平化动态技能栏
jQuery制作扁平化动态技能栏教程地址:原文地址(YouTube)B站教程:原文转载(bilibili)两个视频的内容相同,第二个为转载效果图代码区html<div class="skills"> <div class="skill"> <div class="skill-name">HTML</div> &...转载 2020-03-18 15:48:09 · 325 阅读 · 0 评论 -
使用jQuery制作颜色效果选择器
使用jQuery制作颜色效果选择器教程地址:原文地址(YouTube)B站教程:原文转载(bilibili)两个视频的内容相同,第二个为转载效果图代码区html<div class="colors-container"> <div class="color"> <div class="color-hex">#000000</...转载 2020-03-18 15:45:06 · 455 阅读 · 0 评论 -
使用范围滑块更改页面亮度
使用范围滑块更改页面亮度教程地址:原文地址(YouTube)B站教程:原文转载(bilibili)两个视频的内容相同,第二个为转载效果图代码区html<div class="container"> <div class="brightness-box"> <i class="far fa-sun"></i> &...转载 2020-03-18 15:35:53 · 324 阅读 · 0 评论 -
登陆界面设计
登陆界面设计教程地址:原文地址(YouTube)B站教程:原文转载(bilibili)两个视频的内容相同,第二个为转载效果图代码区html<div class="bg-img"> <div class="content"> <header>Login Form</header> <!-- 表单 -->...转载 2020-03-09 21:08:52 · 703 阅读 · 0 评论 -
Glide插件的图片轮播图
Glide插件的图片轮播图教程地址:原文地址(YouTube)B站教程:原文转载(bilibili)两个视频的内容相同,第二个为转载效果图代码区引入文件码云下载:html<!-- 头文件注意引入次序 --><div class="images glide"> <div class="glide__track" data-glide-el="...转载 2020-03-09 20:35:06 · 1357 阅读 · 1 评论 -
点击切换显示隐藏输入框
点击切换显示隐藏输入框教程地址:原文地址(YouTube)B站教程:原文转载(bilibili)两个视频的内容相同,第二个为转载效果图代码区html<div class="inputBox"> <input type="password" name='' placeholder="Enter password" id='password'> &l...转载 2020-03-02 21:16:09 · 845 阅读 · 2 评论 -
响应式菜单
教程地址:原文地址(YouTube)B站教程:原文转载(bilibili)两个视频的内容相同,第二个为转载效果图[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-ziKUQWDn-1582942429406)(演示.gif)]代码区html<header><div class="inner-width"> <a h...转载 2020-02-29 10:14:08 · 576 阅读 · 0 评论 -
滚动渐变导航栏
滚动渐变导航栏教程地址:原文地址(YouTube)B站教程:原文转载(bilibili)两个视频的内容相同,第二个为转载效果图代码区html<header> <!-- logo --> <a href="#" class="logo">Logo</a> <!-- 导航栏 --> <ul>...转载 2020-02-27 19:43:04 · 1276 阅读 · 2 评论 -
图片文字制作视差效果
图片文字制作视差效果教程地址:原文地址(YouTube)B站教程:原文转载(bilibili)两个视频的内容相同,第二个为转载效果图代码区html <section> <p> <!-- 请自行添加文章 --> </p> <div id='bg'></div> </secti...转载 2020-02-26 13:58:53 · 328 阅读 · 0 评论 -
jq制作代办事务表单
jq制作代办事务表单教程地址:原文地址(YouTube)B站教程:原文转载(bilibili)两个视频的内容相同,第二个为转载效果图代码区html<div class="container"> <!-- 输入框 --> <input type="text" class="txtb" placeholder="Add a task">...转载 2020-02-23 20:27:26 · 370 阅读 · 0 评论 -
展开菜单栏
展开菜单栏教程地址:原文地址(YouTube)B站教程:原文转载(bilibili)两个视频的内容相同,第二个为转载效果图代码区html<div class="menu-container"> <!-- 菜单栏 --> <div class="button"><p>Menu</p> <span ...转载 2020-02-19 18:14:25 · 639 阅读 · 2 评论 -
输入式朝阳文字
输入式朝阳文字教程地址:原文地址(YouTube)B站教程:原文转载(bilibili)两个视频的内容相同,第二个为转载效果图代码区html<div id="text" contenteditable="true">Text</div>CSS* { margin: 0; /* 外边距 */ padding: 0; /* 内边距 */ f...转载 2020-02-18 18:15:41 · 202 阅读 · 1 评论 -
过渡等待动画
过渡等待动画教程地址:原文地址(YouTube)B站教程:原文转载(bilibili)两个视频的内容相同,第二个为转载效果图代码区html<h2> <span>L</span> <span>o</span> <span>a</span> <span>d</spa...转载 2020-02-16 09:13:05 · 201 阅读 · 0 评论 -
使用js实现跟随鼠标移动的心形上浮效果
使用js实现跟随鼠标移动的心形上浮效果教程地址:原文地址(YouTube)B站教程:原文转载(bilibili)两个视频的内容相同,第二个为转载效果图[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-9zP31qVn-1581731960911)(演示.gif)]代码区html<!-- 模板即可 -->CSS* { margin...转载 2020-02-15 09:59:43 · 1128 阅读 · 0 评论 -
RBG渐变圆形读条
RBG渐变圆形读条教程地址:原文地址(YouTube)B站教程:原文转载(bilibili)两个视频的内容相同,第二个为转载效果图[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-N6rAsd2K-1581390043706)(演示.gif)]代码区html<div class="outer"> </div><div ...转载 2020-02-11 11:01:18 · 284 阅读 · 0 评论 -
点赞爱心按钮
点赞爱心按钮教程地址:原文地址(YouTube)B站教程:原文转载(bilibili)两个视频的内容相同,第二个为转载效果图[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-dNVJEhBd-1581303162565)(演示.gif)]代码区html <!-- 外边框 --> <div class="heart-btn">...转载 2020-02-10 10:52:58 · 1808 阅读 · 0 评论 -
社交媒体复选框
社交媒体复选框教程地址:原文地址(YouTube)B站教程:原文转载(bilibili)两个视频的内容相同,第二个为转载效果图[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-kOo3QC1Q-1581128315807)(演示.gif)]代码区html<div class='wrapper'> <div class="cont...转载 2020-02-08 10:19:00 · 169 阅读 · 0 评论 -
自适应滑动特效菜单(滚动选项)
自适应滑动特效菜单(滚动选项)教程地址:原文地址(YouTube)B站教程:原文转载(bilibili)两个视频的内容相同,第二个为转载效果图主要效果自适应代码区html<div class="fullpageMenu" id='nav'> <div class="banner"> <img src="img/bg.jpg">...转载 2020-02-05 11:17:58 · 569 阅读 · 0 评论 -
鼠标附着式按钮边框
鼠标附着式按钮边框教程地址:原文地址(YouTube)B站教程:原文转载(bilibili)两个视频的内容相同,第二个为转载效果图[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-omoaci6P-1580786056945)(演示.gif)]代码区html <a href="#" class="button">Button1</...转载 2020-02-04 11:15:54 · 162 阅读 · 0 评论 -
小黄人眼睛跟随鼠标移动
小黄人眼睛跟随鼠标移动教程地址:原文地址(YouTube)B站教程:原文转载(bilibili)两个视频的内容相同,第二个为转载效果图[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-TcYEdxOO-1580558297980)(演示.gif)]代码区html<div class="face"> <!-- 脸部 --> &...转载 2020-02-01 19:58:58 · 1436 阅读 · 0 评论 -
跟随鼠标移动的背景
跟随鼠标移动的背景教程地址:原文地址(YouTube)B站教程:原文转载(bilibili)两个视频的内容相同,第二个为转载效果图[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-pyfssjDT-1579775108710)(演示.gif)]代码区以下代码为本人填写,转载请注明教程地址和本贴地址html <div id='cont...转载 2020-01-23 18:25:26 · 2166 阅读 · 0 评论 -
点闪动态文字效果
点闪动态文字效果教程地址:原文地址(YouTube)B站教程:原文转载(bilibili)两个视频的内容相同,第二个为转载效果图[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-zTGQp1Jm-1579353201866)(演示.gif)]代码区以下代码为本人填写,转载请注明教程地址和本贴地址html<h1 id='main'>&...转载 2020-01-18 21:14:27 · 498 阅读 · 0 评论 -
动态选项卡实现 CSS & js
动态选项卡实现 CSS & js教程地址:原文地址(YouTube)B站教程:原文转载(bilibili)两个视频的内容相同,第二个为转载效果图代码区以下代码为本人填写,转载请注明教程地址和本贴地址html <div class="container"> <div class="icon"> ...转载 2020-01-18 20:04:11 · 667 阅读 · 0 评论 -
纯CSS制作动态背景随标题变换菜单
纯CSS制作动态背景随标题变换菜单教程地址:原文地址(YouTube)B站教程:原文转载(bilibili)两个视频的内容相同,第二个为转载效果图代码区以下代码为本人填写,转载请注明教程地址和本贴地址html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF...转载 2019-12-29 14:20:54 · 499 阅读 · 0 评论 -
快视弹窗--CSS+JS制作
快视弹窗教程地址:原文地址(YouTube)B站教程:原文转载(bilibili)两个视频的内容相同,第二个为转载以下代码为本人填写,转载请注明教程地址和本贴地址html <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta na...原创 2019-12-23 13:54:35 · 692 阅读 · 1 评论