我想用CSS

Question

<img class="triangle" src="image.png"/> 

CSS

.triangle{ 
??} 

現在我想申請css三角形class顯示在一個三角形的圖像顯示在一個三角形的圖像。

Answer 1

我在這裏讓你成爲小提琴。你需要用div來包裝你的圖片以做你想做的事：

Fiddle。

.triangle{ 
 
    position: relative; 
 
} 
 
.triangle:before{ 
 
    border-top: 0; 
 
    border-right: 190px solid white; 
 
    border-bottom: 240px solid transparent; 
 
    border-left: 170px solid white; 
 
    position: absolute; 
 
    content: ""; 
 
}

<div class='triangle'> 
 
    <img src="http://s.hswstatic.com/gif/landscape-photography-1.jpg"/> 
 
</div>