caboke,
Пример нормально работает во всех браузерах, кроме IE - в IE прозрачность меняется только в одну сторону, ничем не смог заставить работать, как все
<!DOCTYPE html >
<html>
<head>
<title></title>
<style type="text/css">
#st { border: 5px solid rgba(0, 143, 255, 0.5);
border-radius: 20px;
position:absolute;
top:20px;
left:150px;
height :150px;
width :200px;
-webkit-transition:border 1s ease;
-moz-transition:border 1s ease;
-o-transition:border 1s ease;
transition:border 1s ease;
}
</style>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
<script type="text/javascript">
window.onload = function () {
$('.in').on('click', function () {
$("#st").css("border", "5px solid rgba(0, 143, 255, 1)");
setTimeout(function () { $("#st").css("border", "5px solid rgba(0, 143, 255, 0.5") }, 1000);
});
}
</script>
</head>
<body>
<div id="st" ></div>
<a class="in" href="#">добавить</a>
</body>
</html>