是否可以使用CSS3只使用图像

时间:2015-10-01 09:50:01

标签: css3 css-shapes

shape

我在我的网站上绘制这个形状,我不知道这个页面中的任何形状是否可以编辑成我需要的形状。

1 个答案:

答案 0 :(得分:1)

这是关于你需要的,但可能需要稍微调整一下:



.title{
  background-color: #000;
  height: 70px;
  line-height:70px;
  font-size:30px;
  width:200px;
  text-align: center;
  color: #fff;
  margin-left: 100px;
  margin-top: 20px;
  padding-right:30px;
  position: relative;
  box-shadow: -20px -7px 0 yellow;
}
.title:after, .title:before{
  content: "";
  position: absolute;
  left: -70px;
  top: 0;
  border-color: #000 #000 transparent transparent;
  border-style: solid;
  border-width: 35px;
  z-index:2;
}
.title:after{
  border-color: yellow yellow transparent transparent;
  z-index:1;
  left: -90px;
  top: -7px;
}

<div class="title">
  Coin blanks
</div>
&#13;
&#13;
&#13;