Utente:Raoli/Prove Template/Varie/CSS3: differenze tra le versioni

 

{| style="padding: 4px 15px 7px 15px; width: auto; height: auto; background: #999; color: #fff; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; font-style: normal; font-smoothing: antialiased; -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; -o-font-smoothing: antialiased; -ms-font-smoothing: antialiased; text-decoration: none; text-shadow: 0 -1px 1px rgba(0,0,0,0.50); border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; border: 1px solid rgba(0,0,0,0.50); border-top: 1px solid rgba(0,0,0,0.001); box-shadow: 0 0 10px rgba(0,0,0,0.35), 0px 1px 3px rgba(0,0,0,0.18), inset 0px -3px 0px rgba(0,0,0,0.35), inset 0px 14px 14px rgba(255,255,255,0.10); -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.35), 0px 1px 3px rgba(0,0,0,0.18), inset 0px -3px 0px rgba(0,0,0,0.35), inset 0px 14px 14px rgba(255,255,255,0.10); -moz-box-shadow: 0 0 10px rgba(0,0,0,0.35), 0px 1px 3px rgba(0,0,0,0.18), inset 0px -3px 0px rgba(0,0,0,0.35), inset 0px 14px 14px rgba(255,255,255,0.10); -o-box-shadow: 0 0 10px rgba(0,0,0,0.35), 0px 1px 3px rgba(0,0,0,0.18), inset 0px -3px 0px rgba(0,0,0,0.35), inset 0px 14px 14px rgba(255,255,255,0.10); -ms-box-shadow: 0 0 10px rgba(0,0,0,0.35), 0px 1px 3px rgba(0,0,0,0.18), inset 0px -3px 0px rgba(0,0,0,0.35), inset 0px 14px 14px rgba(255,255,255,0.10); animation-name: keyframename; -webkit-animation-name: keyframename; animation-duration:5s; -webkit-animation-duration:5s; animation-timing-function:ease; -webkit-animation-timing-function:ease; animation-iteration-count:infinite; -webkit-animation-iteration-count:infinite; animation-direction:alternate; -webkit-animation-direction:alternate; cursor: pointer;"

|}