Я пытаюсь сделать анимацию эффекта открытия двери. Есть ли какие-нибудь известные альгортимы для этого? Если нет, мне нужно изменить прямоугольник div, делающий правую сторону длиннее левой, а верхняя и нижняя линии, соединяющие правую и левую стороны div, будут диагональными, а содержимое div растянуто пропорционально. Есть ли способ изменить свойства высоты, например, для div?изменение высоты одной стороны div
2
A
ответ
0
Вы можете использовать свойство «преобразование» css, если вам не нужно поддерживать старые браузеры.
Посмотрите на w3c specification | mozilla dev, а также в этом руководстве: css 3d tutorial series.
Альтернативным решением для старых браузеров будет canvas, который более поддерживается (все еще не во всех браузерах).
Если вам нужно поддерживать почти все браузеры, вы можете использовать вспышку, но я действительно не рекомендую это делать.
0
Вы можете сделать это с помощью CSS Transform, но он не будет поддерживать старые браузеры. Вот хороший учебник для этого: http://24ways.org/2010/intro-to-css-3d-transforms/
Лучше всего сделать анимацию, используя несколько изображений и сменив их.
Смежные вопросы
- 1. Изменение высоты div сверху
- 2. Изменение высоты Div onclick
- 3. Изменение высоты div в jQuery
- 4. изменение высоты div на прокрутке
- 5. Изменение высоты Div при поплавке
- 6. div переполнение с одной стороны только?
- 7. DOJO ContentPane внутренний DIV изменение высоты на ContentPane изменение размера
- 8. Невозможно избежать одной стороны div, прилипающей к другому div
- 9. JQuery триггер div изменение высоты события (анимировать?)
- 10. изменение фона DIV фиксированной высоты на парении
- 11. Отзывчивый - изменение размера DIV при сохранении высоты
- 12. Как сделать изменение высоты Div более медленным
- 13. Изменение высоты динамически из-за ширины div
- 14. Определить изменение высоты и отрегулировать положение div?
- 15. Изменение высоты div с помощью кнопок
- 16. Изменение высоты DIV на основе прокрутки
- 17. Изменение высоты div в Internet Explorer 7
- 18. Изменение размера высоты div по высоте iframe
- 19. Изменение высоты div с помощью jquery
- 20. Динамическое изменение высоты div на основе содержимого
- 21. CSS: изменение высоты предыдущего DIV в коде
- 22. Изменение высоты div - Firefox и IE?
- 23. Изменение высоты столбца в бутстрапе
- 24. Bootstrap div column изменение высоты другие местоположения div
- 25. Анимировать изменение высоты в div на клик другого div
- 26. Обнаружение изменений высоты DIV
- 27. CSS размытие одной стороны фона
- 28. Создание высоты div 100%
- 29. Изменение высоты родителя до высоты ребенка
- 30. Запретить изменение высоты меню?
Используйте [CSS3 3D Transforms] (https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Using_CSS_transforms)? – godfrzero
Дверь открытия 3D-эффекта в CSS http://stackoverflow.com/a/8853933/1102223 Демо-версия: http://jsfiddle.net/aV76H/ – kubedan