и снова здравствуйте!
по аналогии с этим пыталась заставить работать такой эффект:
но, очевидно, делаю что-то неправильно [что и неудивительно, ибо знаний по конкретно этой тематике кот наплакал, а где почитать обо всех этих transition, translate, transform и webkit найти тоже не получается, поскольку не понимаю, как правильно составить запрос для поисковика], потому вновь прошу вас о помощи.
вот то неправильное, над чем билась я:
<style>
#pun-navlinks a:after {
display: inline-block;
opacity: 0;
transition: height 0.3s ease 0s, opacity 0.3s ease 0s, transform 0.3s ease 0s;
transform: translateY(-10px);
}
#pun-navlinks a:after {
content: '';
padding: 0 0 10px;
transform: translateX(-10px);
}
#pun-navlinks a:hover:after, #pun-navlinks a:focus:after {
height: 5px;
opacity: 1;
transform: translateY(0px);
}
</style>
подскажите, пожалуйста, в чем загвоздка?