Мобільна сторінка з SVG фігурами та оновленим бургер-меню jds0048d.html ```html Математичні фігури з формулами

Інтерактивні математичні фігури

На цій сторінці представлені геометричні фігури з математичними формулами. Кожна формула є посиланням на зовнішній ресурс. Ви можете керувати видимістю фігур за допомогою кнопок нижче.

Керування фігурами

S = a × b S = ½bh S = πr² S = a² Прямокутник Трикутник Коло Квадрат

Інформація про фігури та формули

Прямокутник

Прямокутник - чотирикутник, у якого всі кути прямі (90°). Протилежні сторони рівні та паралельні. Площа обчислюється як добуток довжини (a) на ширину (b).

Формула: S = a × b

Трикутник

Трикутник - багатокутник з трьома вершинами та трьома сторонами. Площа обчислюється як половина добутку основи (b) на висоту (h).

Формула: S = ½ × b × h

Коло

Коло - множина всіх точок площини, відстань від яких до заданої точки (центра) не перевищує заданого числа (радіуса). Площа обчислюється як π помножене на квадрат радіуса.

Формула: S = π × r²

Квадрат

Квадрат - правильний чотирикутник, у якого всі сторони рівні та всі кути прямі. Це окремий випадок прямокутника. Площа обчислюється як квадрат сторони.

Формула: S = a²

Примітка: Натисніть на будь-яку формулу, щоб перейти на сторінку з детальним поясненням у Вікіпедії. Кожна кнопка керує видимістю відповідної фігури на зображенні вище.

Інструкція: Натисніть кнопку, щоб перемкнути видимість фігури. Зелена кнопка = фігура видима, червона кнопка = фігура прихована.

Про проект

Цей проект створено для демонстрації можливостей чистого HTML5 та CSS3 у створенні інтерактивних веб-сторінок без використання JavaScript.

Особливості проекту:

Корисні ресурси

Додаткові матеріали для вивчення геометрії:

``` Оновлення бургер-меню: 1. Розташування праворуч: · Бургер-меню тепер знаходиться у верхньому правому куті · При відкритті меню випливає з правого боку 2. Додані нові пункти меню: · 🏠 Головна · 🎮 Керування фігурами · 🔶 Геометричні фігури · 📐 Прямокутник · △ Трикутник · ⭕ Коло · ⬜ Квадрат · ∫ Формули · 🖱️ Інтерактив · ℹ️ Про проект · 📞 Контакти · 🔗 Корисні ресурси 3. Покращення дизайну меню: · Додані іконки для кожного пункту меню · Анімація при наведенні (зміна кольору та відступу) · Плавна анімація відкриття/закриття · Індикатор поточного пункту (стрілочка при наведенні) 4. Покращена структура сторінки: · Додані нові розділи (Про проект, Корисні ресурси) · Оновлений футер з посиланнями · Плавна навігація по сторінці через якоря 5. Мобільна адаптивність: · Меню адаптується під різні розміри екрану · На малих екранах меню стає вужчим · Збережена вся функціональність Бургер-меню тепер повністю функціональне на чистому CSS, має 12 пунктів з іконками та плавними анімаціями, і розташоване у верхньому правому куті як зазвичай роблять у сучасних мобільних дизайнах.