/*ひし形に切り抜く*/
img {
clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
}
/*吹き出し系に切り抜く*/
div {
clip-path: polygon(0% 0%, 100% 0%, 100% 75%, 75% 85%, 75% 100%, 50% 80%, 0% 75%);
}
More than 5 years have passed since last update.
/*ひし形に切り抜く*/
img {
clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
}
/*吹き出し系に切り抜く*/
div {
clip-path: polygon(0% 0%, 100% 0%, 100% 75%, 75% 85%, 75% 100%, 50% 80%, 0% 75%);
}
Register as a new user and use Qiita more conveniently