Enlaces con efecto transición al situar el curso encima

Vamos a ver como hacer enlaces con efecto transición al situar el curso encima, con este código harás que cuando un usuario ponga el cursor encima de un enlace (en este caso el enlace del título h2), éste se desvanezca:

h2 {
font-size:24px;
font-weight:bold;
color: #262626;
opacity: 1.0;
-webkit-transition: opacity 0.4s linear;
}
h2 a {
color: #262626;
}
h2:hover {
opacity: 0.7;
}

Demo
Vía