CSS3实现“图片阴影”效果_技术问答

首页免费课 CSS3实现“图片阴影”效果问答

CSS3实现“图片阴影”效果

                
                Amy
            
                    查看讲师更多课程 
                    Amy讲师的其他课程
                
CSS3实现漂亮ToolTips效果
初级·42722
免费课程
                                
css3实现网页平滑过渡效果
初级·54371
免费课程
                                
Tab选项卡切换效果
初级·65468
免费课程
                                
DOM事件探秘
中级·99544
免费课程
                                
瀑布流布局
初级·97759
免费课程
                                
                难度初级
            
                时长 1小时 0分
            
                学习人数
            
综合评分9.90
                            146人评价
                        查看评价
                                10.0
                                内容实用
                            
                                9.9
                                简洁易懂
                            
                                9.8
                                逻辑清晰

全部评论问答未解决精华

在ul上同时使用overflow和clear有意义吗

已采纳回答 / 俄国民煮短裤

overflow的作用是：如果在这个.BOX盒子中的内容或者图片width和height超出了.BOX设置的width和height，那么超出的部分会隐藏并且不占位置。clear的作用是：清除.BOX左右两边的浮动，这样无论屏幕尺寸多大，这个.BOX始终占满屏幕中的这一行位置。

2 回答 1922 浏览 2-1 翘边阴影

2017-05-19

大家帮忙瞅瞅

已采纳回答 / 三3心

<...图片...>设置.str的阴影的时候，符号没有放对位置。

1 回答 1465 浏览 1-6 after与before讲解

2017-01-06

这三行是什么意思

已采纳回答 / 拖鞋酱

第一行,safari,chrome等webkit内核浏览器私有属性第二行,firefox私有属性第三行,opera私有属性

1 回答 1568 浏览 1-5 主阴影（内阴影外阴影）

2016-11-09

给y轴方向添加阴影为什么左右两边会有阴影呢

已采纳回答 / 飞飞赫赫

水平没有了,那么第三个属性阴影模糊度就会发挥作用了.如果水平垂直都没有了,就完全由阴影模糊度来发挥作用呢.可以参考老师说的内阴影.

1 回答 1812 浏览 2-1 翘边阴影

2016-08-29

请问我的图片为啥边框下移了

已采纳回答 / qq_诺L一世相伴_0

在 HTML 中，<img> 标签没有结束标签。

2 回答 1701 浏览 2-1 翘边阴影

2016-04-22

老师用的画图工具是什么啊

已采纳回答 / Perona

Adobe fireworks，简称FW

2 回答 1321 浏览 1-3 原理分析

2015-09-06

z-index为什么没有作用？？？

最新回答 / 慕函数9666145

你的class加到h1上了，应该加在div上

6 回答 1816 浏览 1-7 曲线阴影

2015-08-11

我给它居中了，为什么又不居中？总是出这样的问题有时候text-align:center;总是没效果

已采纳回答 / 慕田峪3216879

你CSS是以类的方式写的，你代码以ID的形式声明的。

2 回答 1564 浏览 1-2 结构编写

2015-08-05

div.wrap 怎么一下子变成了<div class="wrap"></div> ,是什么插件

已采纳回答 / Aug

emmet插件. 实现例子: 输入.wrap按下tab键便可生成<div class="wrap"></div>

3 回答 4445 浏览 1-2 结构编写

2015-06-20

老师用的什么制作软件

已采纳回答 / 单单happy

sublime，国产的神器HBuilder也差不多。很多快捷键用熟了，相对其他软件速度快很多，到时候让代码飞。

3 回答 1485 浏览 1-2 结构编写

2015-04-01

不知道为什么打不出老师打的那种效果。

已采纳回答 / 慕数据5125493

.effect没有设置position:relative

1 回答 1331 浏览 1-7 曲线阴影

2015-03-18

这个画图软件是什么？

已采纳回答 / pocanda

明显人家用的是fireworks，别误导人家，ps的操作界面就不是这样。

2 回答 1648 浏览 2-1 翘边阴影

2015-03-12

:before和 :after 产生的效果，都不是基于.warp的

已采纳回答 / 会飞的鸵

你没有将div中的position: absolute 绝对定位相对父框，现在你的相对定位是相对于body 定位的

1 回答 1609 浏览 1-7 曲线阴影

2015-03-09

我想问下能不能用div呢就是直接把div写在html里面~ 然后定义这2个div的样式`

已采纳回答 / said

试过了也可以 <div class="wrap effect"> <h1>shadow effect</h1> <div class="shadow1"></div> <div class="shadow2"></div> </div>但是这样内容的逻辑结构不大好看因为只为了加效果白白多了2个div 空着还是只修改css样式添加：before和...

2 回答 1616 浏览 1-7 曲线阴影

2015-03-07

单冒号(:)用于CSS3伪类，双冒号(::)用于CSS3伪元素。伪元素由双冒号和伪元素名称组成。双冒号是在当前规范中引入的，用于区分伪类和伪元素。但是伪类兼容现存样式，浏览器需要同时支持旧的伪类，比如:first-line、:first-letter、:before、:after等。对于CSS2之前已有的伪元素，比如:before和:after，单冒号和双冒号的写法::before和::after作用是一样的。如果只需要兼容webkit、firefox、opera等浏览器，建议对于伪元素采用双冒号的写法，...

2 回答 1946 浏览 1-6 after与before讲解

2015-02-28

开始学习

课程须知: 本课程适合有 (X)HTML 和 CSS2 基础及对 HTML5 和 CSS3 有所了解的童鞋们。

老师告诉你能学到什么？: 1、如何分析阴影的层叠关系 2、如何使用 box-shadow 属性实现不同角度不同位置的内投影及外投影 3、如何使用 transform 变换中的 skew 与 rotate 实现斜边与曲线效果 4、如何使用 :after 与 :before 生成内容

微信扫码，参与3人拼团

热搜

最近搜索清空

CSS3实现“图片阴影”效果