Как сделать текст в кнопке CSS, появляется только на пахни? [дублировать] ⇐ CSS

[Anonymous]

Я сделал несколько кнопок CSS Div на примере веб -сайта, который используется в меню навигации по боковой панели. Мне просто было интересно, как можно было бы сделать так, чтобы текст появлялся только тогда, когда мышь парирует над кнопкой. < /p>

Если был способ включить текст (например: «Нажмите здесь!») В CSS под парижкой только для Div, это будет работать, но я не думаю, что вы можете это сделать. Если я включаю его в HTML, то он отображается независимо от того, что не зависает или нет. < /p>

Вот код для первой кнопки: < /p>

.button1 {
position: fixed;
margin-top: 100px;
margin-left: 730px;
width:70px;
height:50px;
text-align:right;
padding: 0px 50px 0px 0px;
background:#75AD38;
transition:width 2s;
-moz-transition:width 2s; /* Firefox 4 */
-webkit-transition:width 2s; /* Safari and Chrome */
-o-transition:width 2s; /* Opera */
}
< /code>

Вот код для того, когда вы падаете: < /p>

.button1:hover{
width:200px;
}
< /code>

Любые предложения для того, чтобы сделать мой код более упорядоченным, также будут оценены, так как в настоящее время у меня есть этот код, копированный для каждой из пяти кнопок, которые, как я знаю, неуклюж, но я не знаю, как сделать их все одинаковые кнопки, но затем позиционируйте их индивидуально. Этого не должно произойти. < /P>

Спасибо! < /P>

Подробнее здесь: https://stackoverflow.com/questions/154 ... y-on-hover