css - 居中渐变省略号 css 阴影

Question

我需要创建一个椭圆形的 flex 渐变框阴影，它需要在 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>

Answer 1

你想要一个 50% 宽度的 shadow 并且在 div.about-tru 的中间，检查我创建的 fiddle -
http://jsfiddle.net/nw6vzd3L/