个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
25
4
我想为图像创建圆形阴影并为 CSS 创建按钮，我在 CSS3 Drop Shadows Generator 中找到了解决方案为盒子创建圆形阴影。
但我不知道如何为我的案例应用代码(对于图像和按钮)
.box {
position: relative;
width: 400px;
height: 300px;
background-color: #fff;
box-shadow: 0 1px 5px rgba(0,0,0,0.25), 0 0 50px rgba(0,0,0,0.1) inset;
border-radius: 1% 1% 1% 1% / 1% 1% 1% 1%;
}
.box:after {
position: absolute;
width: 64%;
height: 12%;
left: 18%;
border-radius: 50%;
z-index: -1;
bottom: 0%;
content: "";
box-shadow: 0 50px 24px rgba(0,0,0,0.24);
}
感谢您的支持!
最佳答案
好的，创建一个 html 文档并粘贴以下代码:
<html>
<style type="text/css">
.box {
position: relative;
width: 400px;
height: 300px;
background-color: #fff;
box-shadow: 0 1px 5px rgba(0,0,0,0.25), 0 0 50px rgba(0,0,0,0.1) inset;
border-radius: 1% 1% 1% 1% / 1% 1% 1% 1%;
}
.box:after {
position: absolute;
width: 64%;
height: 12%;
left: 18%;
border-radius: 50%;
z-index: -1;
bottom: 0%;
content: "";
box-shadow: 0 50px 24px rgba(0,0,0,0.24);
}
</style>
<body>
<div class="box">
<img src="img.jpg" />
</div>
</body>
<html>
您必须在 body 中创建一个 div 元素并将 .box 类分配给 div像这样:
<div class="box">
// put your content here (eg. image or text) and it will be inside the box
</div>
就这些。
关于css - 带有CSS的图像的圆形阴影，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/22742640/
25
4
0
我想要一个“真正的”圆形 UIView，以避免应用圆角半径的正方形 View 。 因为我使用的是重力，我的圆圈不能很好地显示，因为它们在角落里不能相互接触(屏幕来自“Debug View Hierar
所以我前段时间建了一点突破克隆 ，我想稍微升级一下，主要是为了碰撞。当我第一次制作它时，我在我的球和我的砖 block 之间进行了基本的“碰撞”检测，这实际上将球视为另一个矩形。但这造成了边缘碰撞的问
我正在尝试在矩形内创建一个椭圆形/圆形。我正在尝试在 Canvas 上对位图图像执行此操作。这是我的代码: int x = (int) (midpoint.x*xRatio); int y = (in
我想知道是否可以绘制圆形 UIButton(不是圆形矩形)。 当我在自定义类型的 UIButton 中添加圆形图像时，它看起来像一个圆形按钮。但是在按钮被点击的那一刻，按钮的边界变得可见，所以它看起来
我有this slider在我的网站上。我想将 slider 移动到 360 度。我如何更改以下脚本来执行此操作？ $(document).ready(function() { /*Slide
我正在 PyQt 中使用 QGraphicsView 构建一个 GUI，它将显示互连项目的大型网络，并且我希望能够叠加一个较小的门户来显示网络的远处部分 - 有点像“画中画” “之类的事情。这本身并不
我正在尝试为个人资料图片圈出 ImageView 。在我限制 UiScreen 宽度之前它工作正常。 代码如下 import UIKit class ViewController: UIViewCon
我想创建一个如下所示的圆形 slider 。 但我还想要两个功能。 1) 我想从任意点启动 slider ，但在图 1 中。从0开始。 2) 我想在单个圆形黑色图中包含多个 slider 。 我正在分
我有一个帖子 div，它位于一个奇怪的背景之上，正如您在此屏幕截图中所见 http://i.stack.imgur.com/L5Qj0.png文字越过我想要的区域。我尝试使用 border-radiu
我想知道，如何在 ios 8 或 9 中创建圆形模糊文本输入字段和模糊按钮。我应该使用核心动画还是简单地在 ps 中绘制 png？我从来没有为 UI 使用过 Core Animation，你能推荐一个
我希望在包含在主圆圈中的圆圈底部创建一个深色蒙版。 你可以使用 css masks 来做到这一点吗？ 请参阅fiddle Change Profile
我有一个带有 ImageView 的自定义表格 View 单元格。我试图使 ImageView 成为圆形，但它不是圆形的，我无法查明问题所在。 import UIKit class Legislato
最近一直在opencv里瞎折腾，一直在摸索绘图函数(cvCircle(...), cvRectangle(...), etc...)。它们可以正常工作，但我只能在之前加载的图像上绘制它们。 有没有办法
我有一个 FXML 文件、一个 CSS 文件和一个 Controller.java 文件。当鼠标悬停在 FXML 文件中的按钮上时， 例如fx:id="负载" 如何在舞台上创建圆形节点？ 我目前正在这
我对圆-矩形相交有疑问。虽然是一个数字我发现了关于它的讨论，我无法得到答案。我的问题是 - 我的 View /窗口 (320 X 480) 有一个矩形下部 (100-200,0-50) .And a
假设我们有以下一组项目 View : View1 -> View2 -> View3 -> ... -> View(n-1) -> View(n) 在经典的 RecyclerView 上，View1
我可以在“didTapAt”事件中在谷歌地图上添加许多标记和圆圈，但我也想删除它们，对于标记我可以在“didTap 标记”事件中执行此操作但我如何才能删除它的形状而不是其他形状？ 最佳答案 let c
我正在尝试获得一个圆形的 UIImageView 但它似乎在不同的设备上呈现不同； 在 iPhone Xr 上看起来像这样: 在 iPhone 7 上看起来像这样: 我的高度限制为 60，代码如下:
我想做一个如下图所示的圆形 slider 。jQuery 能够做到这一点吗？ 我知道直 slider 的工作原理，但我想制作一个 HTML5 圆形 slider 。这是我在网上找到的 http://j
我有一个包含图像的 UIScrollView。当用户到达最后一张图片并滑动手指查看下一张图片时，我想显示第一张图片。同样，当用户在第一张图片上滑动查看上一张图片时，我想显示最后一张图片。简而言之，这将
我是一名优秀的程序员,十分优秀！