DEMO

HTML

		<h2 class="head01">見出し文字が入ります。</h2>
		

HTML説明

必要な文字に打ち換えてご使用ください。

CSS

		<style>
.head01 {
    display: inline-block;
    position: relative;
    padding: .5em 1em;
    border-right: 27px solid #ffa8ce;
    background-color: #f5f5f5;
    color: #333333;
}

.head01::after{
    position: absolute;
    bottom: 2px;
    right: -20px;
    z-index: -1;
    transform: rotate(5deg);
    width: 100%;
    height: 50%;
    background-color: #d0d0d0;
    content: "";
    filter: blur(4px);
}
</style>
		

CSS説明

色の変更方法
各色コードを任意のものに書き換えてください。
文字の色＝8行目
付箋の色＝6行目