2017-10-23 7 views
-2

https://image.ibb.co/jCLY36/Logo2.pngここではどの文字装飾が使用されていますか?

私はこの写真をPoint Photographyで描きました。どのように私はCSSでそれを実現するのですか?

カラーコードが#EDEFECであり、それはのように、それはpaddingとシンプル:hover効果で、text-decorationではありませんホバー

+2

あなたが試したコードを追加してください。 –

+0

あなたのコードをここに追加 – LSKhan

+0

そのホバーの背景色は、この要素に適用されます – LSKhan

答えて

1

で発生:を見てください

h1 span:hover:before { 
    content: ''; 
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
    background: #eee; 
    transform: scale(1.3); 
} 

スニペット:

body { 
 
    text-align: center; 
 
} 
 

 
h1 { 
 
    word-spacing: 1.5rem; 
 
} 
 

 
h1 span { 
 
    position: relative; 
 
    cursor: default; 
 
} 
 

 
h1 span:hover:before { 
 
    content: ''; 
 
    position: absolute; 
 
    top: 0; 
 
    left: 0; 
 
    width: 100%; 
 
    height: 100%; 
 
    background: #eee; 
 
    transform: scale(1.3); 
 
    z-index: -1; 
 
} 
 

 
p { 
 
    color: #aaa; 
 
}
<h1>THIS IS A <span>TEXT</span></h1> 
 
<p>Hover on the word 'TEXT' above</p>

これは役に立ちます。

関連する問題