Возможный дубликат:
Возможно ли окончить непрозрачность элемента HTML?
Я пытаюсь заставить div (и его границу и содержимое) исчезать в прозрачность (т.е. твердый сверху и прозрачный снизу) с помощью css.
Есть ли способ сделать это?
Ive смог затухать фон со следующим:
.fade-to-nothing
{
background-image: -moz-linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,0));
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(255,255,255,1)), to(rgba(255,255,255,0)));
background-image: -webkit-linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,0));
background-image: -o-linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,0));
background-image: linear-gradient(to bottom, rgba(255,255,255,1),rgba(255,255,255,0));
background-repeat: repeat-x;
}
но не смогли найти способ сделать это с контентом/границей div. возможно, с каким-то гнездом или наложением?
ИЗМЕНИТЬ heres, что я пытался сделать: