居中渐变省略号CSS阴影

爱德华

我需要创建一个椭圆形的弯曲渐变框阴影,该阴影需要在div后面水平居中,并偏移到底部。

这是我的标记:

<div class="about-tru">
    <div class="container">
        <h2 class="text-center heading">Welcome To TruCircles</h2>
        <div class="row">
            <div class="col-sm-10 col-sm-offset-1">
                <div class="col-sm-4 text-center"><img src="img/trucircles-img.jpg" alt="trucircles-image" class="img-responsive"></div>
                    <div class="col-sm-7"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam facilisis dolor metus, sed feugiat diam finibus vitae. Sed dolor justo, consequat vel vulputate vitae, venenatis efficitur nibh. Vivamus blandit at nulla vel tempor. Nullam sodales nibh lorem, sed elementum lorem imperdiet sed. In in felis feugiat, laoreet nisl sit amet, blandit turpis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi vestibulum dolor ut ligula ultricies, a ornare mauris interdum. Phasellus sollicitudin urna ac tortor elementum euismod.</p>
                </div>
            </div>
        </div>
    </div>
</div>
罗希特·库玛(Rohit Kumar)

您是否想要shadow50%的宽度,并在的中间div.about-tru检查我创建的小提琴-http:
//jsfiddle.net/nw6vzd3L/

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

三行或更多行的纯CSS省略号

来自分类Dev

Rails:用省略号自动链接?

来自分类Dev

使用jQuery检测CSS文本超低省略号

来自分类Dev

如何为TD设置省略号

来自分类Dev

CSS文字省略号和100%宽度

来自分类Dev

目标C-将省略号附加到居中对齐但不移动文本的UILabel

来自分类Dev

CSS文字溢出省略号+以%表示的宽度无效

来自分类Dev

flex项目内的CSS省略号

来自分类Dev

带有省略号的CSS文字换行

来自分类Dev

带省略号的浮动div的CSS-宽度未知

来自分类Dev

这个语法“ ...”(省略号)是什么?

来自分类Dev

处理省略号

来自分类Dev

Reduce()和...(省略号)

来自分类Dev

如何使用CSS实现单行省略号

来自分类Dev

Safari以错误的字体省略号

来自分类Dev

省略项中的省略号省略

来自分类Dev

CSS“文本溢出:省略号”,并将元素垂直居中

来自分类Dev

截断省略号,不带宽度

来自分类Dev

如果单行,则在div中居中,否则显示省略号

来自分类Dev

带有内联元素的CSS省略号?

来自分类Dev

结构省略号

来自分类Dev

CSS文字溢出:省略号不取决于宽度

来自分类Dev

带省略号的浮动div的CSS-宽度未知

来自分类Dev

JavaScript链接省略号

来自分类Dev

简单的JavaScript省略号(...)

来自分类Dev

CSS用省略号填充表TD内的空格

来自分类Dev

CSS 文本溢出省略号无法正确显示

来自分类Dev

css。文本溢出不起作用:省略号

来自分类Dev

句子中间省略号