图片阴影

最新推荐文章于 2020-08-13 10:38:43 发布
最新推荐文章于 2020-08-13 10:38:43 发布
阅读量54 收藏
点赞数
分类专栏： css
blank
本文链接：https://blog.csdn.net/qq_41418797/article/details/107683512
版权 
<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>图片阴影</title>
		<style>
			/*-webkit-box-reflect来做倒影：

				box-reflect属性值有：dirrection-方向:above向上，below向下，left向左，right向右。

				offset距离：可以是数值，也可以是百分比：

				mask-box-image设置倒影的遮罩图像：（1）url（2）linear-gradient线性渐变创建遮罩图像。（3）repeating-linear-gradient重复线性渐变创建遮罩图像。（4）repeating-url重复径向径向渐变创建遮罩图像。*/
			.box{
				width: 500px;
				height: 260px;
				text-align: center;
				margin: 0 auto;
				background: url(img/3.jpg);
				-webkit-box-reflect: below 16px -webkit-linear-gradient(transparent,transparent 40%,rgba(255,255,255,0.6));
				
			}
		</style>
	</head>
	<body>
		<div class="box"></div>
	</body>
</html>

奋斗的小菇凉
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
CSS综合案例-品优购电商04
奋斗的小能能的博客
08-12 1720
目录 1. 品优购项目(四) 1). 详情页 detail.html 常用单词 2). 面包屑导航 3). 产品介绍 模块 4). 预览区域制作 3.1 preview_list 制作 5). 产品详细信息区域制作 itemInfo_wrap 6). 产品细节模块 product_detail 6.1) aside 布局 6.2) detail 布局 7.详情页代码 8. 注册页面 register 8.1 registerarea布局 9.注册页代码 1. 品优购项目(.
黑色二级导航菜单
奋斗的小能能的博客
07-30 863
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>CSS3黑色二级导航菜单</t.
CSS综合案例-品优购电商02
奋斗的小能能的博客
08-12 567
目录 品优购项目(二) 1. 品优购首页布局 1). nav 导航栏制作 2). footer 底部制作 3). mod_service 服务模块制作 4). main 主体模块制作 5). newsflash 新闻快报模块 6). news 新闻模块 7). lifeservice 生活服务模块 8). recommend 推荐模块 2.综合代码 index.html base.css common.css index.css 品优购项目(二) 目标： 能课堂跟上p
表单注册登录切换
奋斗的小能能的博客
07-30 505
<!DOCTYPE html> <html> <head> <title>登录注册表单切换</title> <meta name="viewport" content="width=device-width, initial-scale=1" /> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <script type=.
CSS综合案例-品优购电商01
奋斗的小能能的博客
08-11 473
目录 品优购项目(一) 1. 品优购项目介绍 2. 项目背景 3. 设计目标 4. 几点思考 5. 代码规范 6. 前期准备工作 目录文件夹 样式文件的分类 7. 网站ico图标 1). 使用ico图标 2). 制作ico图标 8. 网站优化三大标签 9. 字体图标 1. 字体图标优点 2. 字体图标使用流程 3. 设计字体图标 4. 上传生成字体包 5. 下载兼容字体包 6. 字体引入到HTML 7. 追加字体图标 拓展@ 常见字体格式 10. 品优购首页布局
表单居中 与自适应图片背景图
奋斗的小能能的博客
07-30 372
表单居中： form本来就只是一个表单而已，对页面根本就没有布局上的作用.，因此无论怎么设置都是无法居中的，但是依旧有办法解决的； 解决办法：在外面套一层<divstyle="width:100%;text-align:center"></div> 自适应图片背景图： <!DOCTYPE html> <html> <head> <meta http-equiv="content-type" content="text/.
CSS综合案例-品优购电商03
奋斗的小能能的博客
08-12 367
目录 品优购项目(三) 1. 首页制作 1). 楼层区 floor 2). 家用电器模块 3). box-hd 模块 4). box-bd 模块 5). 侧边栏 fixedtool 制作 6). 知识点 -过渡(CSS3) 2. 列表页制作 1). 列表页准备工作 2). 列表页 header 和 nav 修改 3). 列表页主体盒子 sk _container 4). sk_goods 布局 5). 分页制作 page 6). 知识点 -获得焦点元素 3.综合代码 1.f
垂直时间轴
奋斗的小能能的博客
07-30 349
<!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>HTML5+CSS3响应式垂直时间轴</title> <link rel="stylesheet" href="style.css" /> <st.
CSS-07
奋斗的小能能的博客
08-11 311
目录 CSS高级技巧 1. 元素的显示与隐藏 1.1 display 显示（重点） 1.2 visibility 可见性 (了解) 1.3 overflow 溢出(重点) 1.4 显示与隐藏总结 2. CSS用户界面样式 2.1 鼠标样式cursor 2.2 轮廓线 outline 2.3 防止拖拽文本域resize 2.4 用户界面样式总结 3. vertical-align 垂直对齐 3.1 图片、表单和文字对齐 3.2 去除图片底侧空白缝隙 4. 溢出的文字省略号显示
HTML5/CSS3
奋斗的小能能的博客
08-13 289
目录 HTML5 一、什么是 HTML5 HTML5 的概念与定义 HTML5 拓展了哪些内容 HTML5 的现状 二、HTML5 新增标签 什么是语义化 新增了那些语义化标签 使用语义化标签的注意 三、多媒体音频标签 多媒体标签有两个，分别是 audio 标签说明 audio 支持的音频格式 audio 的参数 5、audio 代码演示 四、多媒体视频标签 video 视频标签 语法格式 video 参数 video 代码演示 多媒体标签总结 五、新增 inpu
CSS-01
奋斗的小能能的博客
08-10 239
引入CSS样式表 4.1 行内式（内联样式） 概念： 称行内样式、行间样式. 是通过标签的style属性来设置元素的样式 其基本语法格式如下： <标签名 style="属性1:属性值1; 属性2:属性值2; 属性3:属性值3;"> 内容 </标签名> 实际上任何HTML标签都拥有style属性，用来设置行内式。 案例： <div style="color: red; font-size: 12px;">青春不常在，抓紧谈恋爱&l
HTML5/CSS3-02
奋斗的小能能的博客
08-13 212
目录 HTML5 第二天 一、rotate 使用步骤： 案例代码 二、三角 二、设置元素旋转中心点(transform-origin) transform-origin 基础语法 重要知识点 三、旋转中心案例 四、2D 转换之 scale 五、图片放大案例 六、分页按钮案例 七、 2D 转换综合写法以及顺序问题 八、 动画(animation) 九、动画序列 十、动画常见属性 十一、 动画简写方式 十二、速度曲线细节 十三、案例 1.奔跑的熊大 ​2.阴阳师动画行.
动态背景用户登录
奋斗的小能能的博客
07-30 191
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>动态背景登录</title> <link rel="stylesheet" href="css/style.css"> </head> <body> <!--背景--> <div class="wel" id="back.
CSS-02
奋斗的小能能的博客
08-10 184
目录 1. CSS复合选择器 1.1 后代选择器（重点） 1.2 子元素选择器 1.3 交集选择器 1.4 并集选择器（重点） 1.5 链接伪类选择器（重点） 1.6 复合选择器总结 2. 标签显示模式（display）重点 2.1 什么是标签显示模式 2.2 块级元素(block-level) 2.3 行内元素(inline-level) 2.4 行内块元素（inline-block） 2.5 三种模式总结区别 2.6 标签显示模式转换 display 3. 行高那些事（li
图片翻书效果
奋斗的小能能的博客
07-30 175
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>纯CSS3制作一个简单好看的翻书效果</title> <link rel="stylesheet" href="css/style.css"> </head> <body class="mkeBody"> <div class="mkeHeadBox"&g.
2024年中国汽车行业AI大模型
最新发布
08-12
一、大模型概述 二、中国大模型发展挑战 三、大模型测评 测评平台：方法论、评估维度 IDC 测试：基础能力、应用能力 通用大模型：Qwen-Max-0428 等 四、2024 年大模型发展趋势 技术方向：模型整合、参数规模扩展、多模态融合、小型化 产业方向：国产 AI 芯片、数据产权标准、套壳微调、人工智能伦理 五、大模型知识密度 知识密度提升：MMLU 榜单表现 小参数模型：MiniCPM-Llama3-V 2.5 六、大模型产业应用案例 百度文心一言：发展历程、技术架构、应用场景 华为盘古大模型：CloudMatrix 架构、ModelArts AI 开发生产线 科大讯飞星火大模型：语音交互、智能座舱、机器人超脑 商汤日日新大模型：SenseChat V5、SenseNova 5.0、车载端侧部署 腾讯混元大模型：研发历程、技术优势、行业应用 特斯拉 FSD：端到端自动驾驶、数据驱动 小鹏汽车 XGPT：自动驾驶大模型、AI 天玑系统 毫末智行 DriveGPT：雪湖·海若、多模态感知、语义感知 思必驰 DFM-2：统一生成式对话基础模型、DUI 2.0 面壁智能 MiniCPM
ISTQB(专家级-改进测试过程-实施测试过程改进)考试大纲_模拟题&答案.zip
08-12
ISTQB(专家级-改进测试过程-实施测试过程改进)考试大纲_模拟题&答案
Swift Swift简单例子,需要配置相关环境才能正常运行
08-12
Swift Swift简单例子,需要配置相关环境才能正常运行 【项目资源】：包含前端、后端、移动开发、操作系统、人工智能、物联网、信息化管理、数据库、硬件开发、大数据、课程资源、音视频、网站开发等各种技术项目的源码。包括STM32、ESP8266、PHP、QT、Linux、iOS、C++、Java、python、web、C#、EDA、proteus、RTOS等项目的源码。 【项目质量】：所有源码都经过严格测试，可以直接运行。功能在确认正常工作后才上传。 【适用人群】：适用于希望学习不同技术领域的小白或进阶学习者。可作为毕设项目、课程设计、大作业、工程实训或初期项目立项。 【附加价值】：项目具有较高的学习借鉴价值，也可直接拿来修改复刻。对于有一定基础或热衷于研究的人来说，可以在这些基础代码上进行修改和扩展，实现其他功能。 【沟通交流】：有任何使用上的问题，欢迎随时与博主沟通，博主会及时解答。鼓励下载和使用，并欢迎大家互相学习，共同进步。
Huawei CE12800-V200R023SPH150
08-12
Huawei CE12800_V200R023SPH150，里面包含补丁说明书和补丁安装指导书，该补丁支持哪些型号，支持哪些版本可以安装当前补丁，请参考补丁说明书和补丁安装指导书。
基于Springboot和Vue的图书馆管理系统源码 图书馆管理系统代码（98分期末优秀大作业）
08-12
图书馆管理系统源码（高分毕设），个人经导师指导并认可通过的98分毕业设计项目，主要针对计算机相关专业的正在做毕设的学生和需要项目实战练习的学习者。也可作为课程设计、期末大作业。包含全部项目源码[代码]、该项目可以直接作为毕设使用。项目技术栈：前端是vue，后端是springboot，项目代码都经过严格调试，代码没有任何bug！ 系统源码（高分毕设），个人经导师指导并认可通过的98分毕业设计项目，主要针对计算机相关专业的正在做毕设的学生和需要项目实战练习的学习者。也可作为课程设计、期末大作业。包含全部项目源码[代码]、该项目可以直接作为毕设使用。项目技术栈：前端是vue，后端是springboot，项目代码都经过严格调试，代码没有任何bug！ 系统源码（高分毕设），个人经导师指导并认可通过的98分毕业设计项目，主要针对计算机相关专业的正在做毕设的学生和需要项目实战练习的学习者。也可作为课程设计、期末大作业。包含全部项目源码[代码]、该项目可以直接作为毕设使用。项目技术栈：前端是vue，后端是springboot，项目代码都经过严格调试，代码没有任何bug！
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值