среда, 25 мая 2011
17:48

плавное выпадающее меню

все записи пользователя в сообществе Лунный дождь
мои звёзды сияют на земле
Здравствуйте. я бы хотела узнать - в выпадающем меню возможно ли сделать "выпадание" плавным? в css3 появилось такое полезное свойство transition, но как его применить конкретно для меню, я никак понять не могу. чувствую, способ очень уж хитромудрый или нет хД, но все-таки)

@темы: меню

URL
Комментарии
25.05.2011 в 18:14

polishastik
Even on the worst days, there's a possibility for joy.
почитайте синтаксис с примерами.
например тут:
www.css3.com.ua/property/21/
www.mykhailenko.com/blog/2010-05-12/transition-...
URL
25.05.2011 в 18:28

Лунный дождь
мои звёзды сияют на земле
polishastik ммм, я кое-что читала, спасибо). я наверн, не совсем правильно выразилась, я не знаю, как именно в меню применить это свойство для достижения требуемого результата. + я не дружу с верхним меню и не могу понять, где же это прописать то Т_Т собственно, почему в это соо и написала :shy:
URL
25.05.2011 в 18:36

polishastik
Even on the worst days, there's a possibility for joy.
прописывать для селектора .menuSection ul
к сожалению подробнее с кодом написать не могу, т.к. нет возможности проверить - у меня дневники работают только с пда-версии сегодня...
URL
25.05.2011 в 18:40

bokonist
fail better
к сожалению, нельзя анимировать размеры до автоматического значения, но можно анимировать max-height, вместе с overflow:hidden получится примерно необходимый результат.
URL
25.05.2011 в 19:21

Лунный дождь
мои звёзды сияют на земле
polishastik спасибо) но я буду рада, если вы напишете подробнее, когда у вас заработает дайр - у меня пока получается всякая фигня :laugh:
bokonist анимировать max-height, вместе с overflow:hidden
ммм, так и знала - способ хитромудрый. я попробую это попробовать, спасибо. какой же я еще все-таки нуб в ксс))
URL
26.05.2011 в 15:13

polishastik
Even on the worst days, there's a possibility for joy.
Crowned Clown, очень и очень черновой вариант.
меню я установила слева и уже с ним работала. экспериментировала в мозилле, потому транзишн только для нее прописан.
высоту блоков можно каждому индивидуально задать, я для всех, просто чтобы проверить...
код:

URL
26.05.2011 в 16:10

Лунный дождь
мои звёзды сияют на земле
polishastik ммм, спасибо большое, буду пробовать - сейчас я уже вывернулась и сделала немного по другому. все равно мне чисто для красоты :laugh:
и кстати, я как раз и видела ваш дизайн с таким меню)
URL
26.05.2011 в 16:43

polishastik
Even on the worst days, there's a possibility for joy.
Crowned Clown, не, вы что-то перепутали. я не использовала в своих дизах транзишн. ПОКА:)
пы.сы. ваш дизайн не очень хорошо смотрится на широкоформатных мониторах. очень много пустого места справа.
URL
26.05.2011 в 17:05

Лунный дождь
мои звёзды сияют на земле
polishastik хм, странно, копирайт стоял ваш, я обратила внимание. правда теперь юзер диз снял, так что..)
спасиб за замечание. я думала над этим вопросом (диз ведь прилеплен к одной стороне монитора, это да), но ничего так и не сделала. хотя мысль о эдд_блоке справа была. просто, думаю, еще одна ветка с цветами утяжелит дизайн :hmm:, а что еще туда зафигачить можно - хз.
URL
26.05.2011 в 17:29

polishastik
Even on the worst days, there's a possibility for joy.
Crowned Clown, ну значит пользователь сам добавил это свойство, т.к. я точно его не использовала:)
а диз можно перенести в центр, просто придется шапку переделать в фотошопе. так будет гормоничнее)
URL
26.05.2011 в 17:34

Лунный дождь
мои звёзды сияют на земле
polishastik ясно)
в этом и есть главная загвоздка. ибо я не хочу и мне лень хД переделывать экстратоп :smirk: но совет учла, может, таки переделаю))
URL