使用CSS的文字圖像邊框？

我已經看到使用文本陰影的代碼，使文本有一個簡單的顏色輪廓，像這篇文章描述：CSS Font Border?但我想使用圖像的邊界。當我添加使用CSS的文字圖像邊框？

border-image: url ();

這個代碼：

.mytext { 
background: url(); 
-webkit-text-fill-color: transparent; 
-webkit-background-clip: text; 
}

它增加了文本週圍的整片的圖像邊界，而不是一個輪廓的字母。有沒有解決這個問題？

來源

2012-09-18 user1679098

你到底需要什麼你能在這裏發表您預期的結果的截圖.... ...... –

是的，這種效果 - 我已經拍了一個截圖，但銀色的輪廓實際上是一個閃光gif.http：//media.tumblr.com/tumblr_maikeohPOg1r49shn.gif – user1679098

陰影像這一點，並給多個邊界單格

.imgtag{ 
background:url(http://www.gravatar.com/avatar/1e8f64b9e6549d2664907753f7df05e3?s=32&d=identicon&r=PG) no-repeat 0 0; 
    width:100px; 
    height:100px; 
    border:solid 10px red; 
    box-shadow:0 0 0 4px green, 0 0 0 10px yellow , 0 0 0 15px pink , 0 0 0 20px black ; 
    margin:100px; 
}

Live demo

來源

2012-09-18 04:27:50

誰downvote我可以解釋........... –

謝謝你的回覆！我不打算在文本週圍格式化文本框的邊框，而是文本本身的格式，導致類似這樣的內容，我在對原始問題發表評論後也粘貼了這些內容：http://media.tumblr.com/tumblr_maikeohPOg1r49shn .gif注意 – user1679098

使用CSS的文字圖像邊框？

回答

相關問題