--Me cuesta entender por qué el botón no aparece en mi sitio web-- --Estoy tratando de obtener un botón animado para cambiar las animaciones cuando mi mouse pasa sobre él--Me preocuparé por vincular el botón a algo en en un momento diferente, pero quiero decir, por ejemplo, si quisiera vincularlo a Twitter o algo así, ¿cómo lo haría?--
button { min-width: 120px; height: 36px; font-size: 16px; cursor: pointer; letter-spacing: .1px; outline: none; border:none; border-radius: 2px; box-shadow: 0 0 0 2px #f7f7f7; background-color: transparent; color: #000; transition: all 200ms ease-in-out; } button :hover { transform: scale(1.1); background-color: #f7f7f7; color: #a22274; font-weight: bold; box-shadow: 0 0 0 2px #a22274; letter-spacing: 1.1px; border-top-left-radius: 16px; border-bottom-right-radius: 16px; } button :active { transform: scale(1); } <button>Example</button>los selectores css no pueden tener espacios, por lo que
button :hover //wrong button:hover // right button { min-width: 120px; height: 36px; font-size: 16px; cursor: pointer; letter-spacing: .1px; outline: none; border:none; border-radius: 2px; box-shadow: 0 0 0 2px #f7f7f7; background-color: transparent; color: #000; transition: all 200ms ease-in-out; margin: 0 5px; } button:hover { transform: scale(1.1); background-color: #f7f7f7; color: #a22274; font-weight: bold; box-shadow: 0 0 0 2px #a22274; letter-spacing: 1.1px; border-top-left-radius: 16px; border-bottom-right-radius: 16px; } button:active { transform: scale(1); } <p align="center"> <button><a href="twitter.com/TheOnlyDecipher">Twitter page</a></button> <button><a href="Contact.html">Contact Information</a></button> <button><a href="points.html">Points of Interest</a></button> <button><a href="Learning.html">Learning notes</a></button> <button><a href="Beebs.html">Notes for Wife</a></button> <br /> <br /> </p>