将图像制成圆形

-4

我在幻灯片this page中有图像。我希望广场的图像变成使用css循环播放。我很难使用检查元素b/c图像在幻灯片中。我可以使用哪个课程添加边界半径以将面食沙拉/土豆的方形图像制成圆形？将图像制成圆形

<div id="rev_slider_22_3_wrapper" class="rev_slider_wrapper fullwidthbanner-container" style="margin:0px auto;background-color:#E9E9E9;padding:0px;margin-top:0px;margin-bottom:0px;max-height:400px;"> 
    <div id="rev_slider_22_3" class="rev_slider fullwidthabanner" style="display:none;max-height:400px;height:400px;"> 
<ul> <!-- SLIDE --> 
    <li data-transition="fade,boxfade,slotfade-horizontal,slotfade-vertical,fadetoleftfadefromright,fadetorightfadefromleft,fadetotopfadefrombottom,fadetobottomfadefromtop" data-slotamount="7" data-masterspeed="300" data-saveperformance="off" > 
     <!-- MAIN IMAGE --> 
     <img src="http://xxx.image.jpg" alt="challah-1" data-bgposition="center center" data-bgfit="cover" data-bgrepeat="no-repeat"> 
     <!-- LAYERS --> 
    </li> 
    <!-- SLIDE --> 
    <li data-transition="fade,boxfade,slotfade-horizontal,slotfade-vertical,fadetoleftfadefromright,fadetorightfadefromleft,fadetotopfadefrombottom,fadetobottomfadefromtop" data-slotamount="7" data-masterspeed="300" data-saveperformance="off" > 
     <!-- MAIN IMAGE --> 
     <img src="http://xxx/meatballs.jpg" alt="matza-balls" data-bgposition="center center" data-bgfit="cover" data-bgrepeat="no-repeat"> 
     <!-- LAYERS --> 
    </li> 
    <!-- SLIDE -->

来源

2015-06-30 LTech

_“我很难使用检查元素b/c图像在幻灯片中_” - 然后让幻灯片不会自动启动，或者将幻灯片之间的计时器设置为非常高的值......然后应该只要你需要，就没有什么更多的检查元素的方式了。 – CBroe

使用此：

.tp-simpleresponsive >ul li { 
    border-radius: 50%; 
} 
.rev_slider_wrapper { 
    background-color: transparent !important; 
}

来源

2015-06-30 19:23:19

完美，谢谢 – LTech

@LTech没问题：D –

-2

您可以将50％的边框半径应用到您的方形图像以使其成为圆形。

.circular-image { 
    border-radius: 50%; 
}

来源

2015-06-30 19:18:37 Fly1nP4nda

-1

虽然做到这一点的最好办法是使用：

.circular-image { 
    border-radius: 50%; 
}

你需要知道，在大多数情况下，你需要申请一个最小宽度和最小高度，否则您的结果可能不会如预期的一些brosers /使用。

来源

2015-06-30 19:50:30

将图像制成圆形

回答

相关问题