Привет ребята! Хочу сделать подобный эффект для меню http://www.rudebox.org.ua/demo/menu-for-si...ing/index3.html Но этот на CSS3, а как я понимаю CSS3 еще рано использовать. Так ведь? Может кто даст ссылку на подобный скрипт. Размытие букв не надо, нужно чтобы пункт меню увеличивался при наведении. Я сделал в CSS, но понимаете же, что это не-то. Может кто скрипт навояет ) Очень буду благодарен. Да, в JS я не силен...
Да, забыл, вот допустим меню
<ul>
<li><a href="#">Пункт меню 1</a></li>
<li><a href="#">Пункт меню 2</a></li>
<li><a href="#">Пункт меню 3</a></li>
</ul>

.bmenu{
    padding: 0px;
    margin: 0 0 10px 0;
    position: relative;
}
.bmenu li{
    font-size: 50px;
    display: block;
}
.bmenu li a{
	white-space: nowrap;
	color: transparent;
	display: block;
	text-transform: uppercase;
	text-align: center;
	text-shadow: 0px 0px 6px #fff;
	letter-spacing: 1px;
	-moz-transform: scale(0.5); 
	-ms-transform: scale(0.5); 
	-o-transform: scale(0.5); 
	-webkit-transform: scale(0.5); 
	transform: scale(0.5); 
	-webkit-transition: all 0.6s linear;
	-moz-transition: all 0.6s linear;
	-o-transition: all 0.6s linear;
	-ms-transition: all 0.6s linear;
	transition: all 0.6s linear;
}
.bmenu:hover li a{
	text-shadow: 0px 0px 15px #fff;
}
.bmenu li a:hover{
	text-shadow: 0px 0px 1px #fff;
	-moz-transform: scale(1); 
	-ms-transform: scale(1); 
	-o-transform: scale(1); 
	-webkit-transform: scale(1); 
	transform: scale(1); 
}

        <div class="container">
            <div class="header">
                
                <div class="clr"></div>
            </div>
            <h1>Размытое меню <span>с трансформациями CSS3</span></h1>
            <div class="content">
                <ul class="bmenu">
                    <li><a href="#">О нас</a></li>
                    <li><a href="#">Иллюстрации</a></li>
                    <li><a href="#">Фотографии</a></li>
                    <li><a href="#">Веб дизайн</a></li>
                    <li><a href="#">Персоналии</a></li>
                    <li><a href="#">Контакты</a></li>
                </ul>
                <div class="more">
                    <ul>
                        <li>Больше примеров:</li>
                        <li><a href="index.html">Пример 1</a></li>
                        <li><a href="index2.html">Пример 2</a></li>
                        <li class="selected"><a href="index3.html">Пример 3</a></li>
                        <li><a href="index4.html">Пример 4</a></li>
						<li><a href="index5.html">Пример 5</a></li>
						<li><a href="index6.html">Пример 6</a></li>
						<li><a href="index7.html">Пример 7</a></li>
                    </ul>
                </div>
            </div>
        </div>

_____________
HTML, CSS (Bootstrap), JS(JQuery, ExtJS), PHP, MySQL, MSSql, Posgres, (TSql, BI OLAP, MDX), Mongo, Git, SVN, CodeIgnater, Symfony, Yii 2, JiRA, Redmine, Bitbucket, Composer, Rabbit MQ, Amazon (SQS, S3, Transcribe), Docker