搜索结果
查询Tags标签: 5px,共有 19条记录-
漂亮的按钮动画
漂亮的按钮动画HTML 对于 HTML,我们只提供了一个带有“旋转”类的按钮元素。<button class="rotation">设计</button>CSS 对于 CSS,首先我们将为“旋转”类设置一些样式。 我们将在内部和外部设置蓝色霓虹灯阴影。 然后我们将文本颜色设置为蓝色,…
2022/9/10 6:55:13 人评论 次浏览 -
使用CSS3快速实现毛玻璃效果
使用CSS3实现毛玻璃效果并没有想象中那么难,我们只需要了解一个属性: backdrop-filter: blur(5px);在使用该属性之前我们先要区分backdrop-filter与filter的区别。filter:模糊内容 backdrop-filter:透过该层的底部元素模糊化因为backdrop-filter能使透过的元素模糊化,…
2022/9/4 23:25:22 人评论 次浏览 -
练习5:轮播图布局
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width…
2022/4/25 6:15:35 人评论 次浏览 -
vue-router学习 Login.vue
1、参考 一篇文章,Vue快速入门!!!_cv展示的博客-CSDN博客_vue快速入门 Module build failed: TypeError: this.getOptions is not a function 安装node-Sass报错_Adorable_Rocy的博客-CSDN博客 2、代码 <template><div><el-form ref="loginForm&q…
2022/4/19 6:14:32 人评论 次浏览 -
微信小程序 漂亮的按钮 多颜色+动态效果,好看的button
今天推荐一款好看的微信小程序按钮效果,可定制多种颜色, 有动画效果。 显示效果如下: 动态效果预览: 红色按钮代码如下: /** button **/.button1 { position: relative; display: inline-block; min-width: 140rpx; padding: 10px 40rpx; margin: 0px 40rpx; …
2022/3/27 11:52:43 人评论 次浏览 -
CSS 创建搜索框
基础 HTML 代码 搜索表单 HTML 代码搜索框 CSS 代码 实例 * {box-sizing: border-box; } /* 设置搜索框 */ form.example input[type=text] { padding: 10px; font-size: 17px; border: 1px solid grey; float: left; width: 80%; background: #f1f1f1; } /* 设置提交按钮…
2022/1/20 23:17:54 人评论 次浏览 -
CSS 创建搜索框
基础 HTML 代码 搜索表单 HTML 代码搜索框 CSS 代码 实例 * {box-sizing: border-box; } /* 设置搜索框 */ form.example input[type=text] { padding: 10px; font-size: 17px; border: 1px solid grey; float: left; width: 80%; background: #f1f1f1; } /* 设置提交按钮…
2022/1/20 23:17:54 人评论 次浏览 -
前端_nav左布局
预览源码 <!DOCTYPE html> <html> <head><meta charset="UTF-8"><title>Document</title><style>#header{background-color:skyblue;color:white;text-align:center;padding:5px;}#nav {line-height:30px;background…
2022/1/6 23:39:58 人评论 次浏览 -
前端_nav左布局
预览源码 <!DOCTYPE html> <html> <head><meta charset="UTF-8"><title>Document</title><style>#header{background-color:skyblue;color:white;text-align:center;padding:5px;}#nav {line-height:30px;background…
2022/1/6 23:39:58 人评论 次浏览 -
CSS背景图模糊,内容保持清晰
效果: 代码: <!DOCTYPE html> <html lang="en"><head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="widt…
2021/12/18 23:20:32 人评论 次浏览 -
CSS背景图模糊,内容保持清晰
效果: 代码: <!DOCTYPE html> <html lang="en"><head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="widt…
2021/12/18 23:20:32 人评论 次浏览 -
前端小项目(四)| 咖啡厅网页页面
文章目录 前言一、HTML1.header部分2.navigator部分3.main部分4.footer部分 二、CSS1.header部分2.navigator部分3.main部分4.footer部分前言 mooc上的作业,用html和css做的一个简单的web页面,关于咖啡厅的~ 代码放在:https://github.com/titibabybaby/FED/tree/main/c…
2021/12/5 23:17:33 人评论 次浏览 -
前端小项目(四)| 咖啡厅网页页面
文章目录 前言一、HTML1.header部分2.navigator部分3.main部分4.footer部分 二、CSS1.header部分2.navigator部分3.main部分4.footer部分前言 mooc上的作业,用html和css做的一个简单的web页面,关于咖啡厅的~ 代码放在:https://github.com/titibabybaby/FED/tree/main/c…
2021/12/5 23:17:33 人评论 次浏览 -
CSS系列之盒子阴影(CSS3)
基本语法格式 box-shadow: 水平阴影 垂直阴影 模糊距离(虚实) 阴影尺寸(影子大小) 阴影颜色 内/外阴影;前两个属性是必须写的。其余的可以省略。外阴影 (outset) 是默认的,但是不能写,想要内阴影可以写 inset div {width: 200px;height: 200px;border: 10px solid …
2021/11/16 23:43:46 人评论 次浏览 -
CSS系列之盒子阴影(CSS3)
基本语法格式 box-shadow: 水平阴影 垂直阴影 模糊距离(虚实) 阴影尺寸(影子大小) 阴影颜色 内/外阴影;前两个属性是必须写的。其余的可以省略。外阴影 (outset) 是默认的,但是不能写,想要内阴影可以写 inset div {width: 200px;height: 200px;border: 10px solid …
2021/11/16 23:43:46 人评论 次浏览