Запитання з тегом «css»

Слідом за невеликим фрагментом мого коду. Просто цікаво знати, чому клітина "iphone" мерехтить лише від iphone. PS. Я не можу використовувати таблицю або список для структури. Я також спробував використовувати transform: translate3d(0,0,0);. В основному мені потрібна перша клітинка, яка буде липкою і для лівих, і для верхніх для iPhone та …

10 html  css 

У нас є додаток для електронної комерції, який надсилає деталі замовлення під час здійснення покупки, і ми просто переробили цей шаблон електронної пошти. За останні кілька днів ми отримували повідомлення про те, що деякі клієнти мають половину тексту в електронному листі. Зрештою отримавши скріншот, ми дізналися, що проблема відбувається на …

10 ios  css  email  gmail  ios-darkmode 

Я поставив перед собою завдання створити візуально динамічний та інтерактивний досвід лише у HTML та CSS (Без Javascript). Поки що я не натрапив на будь-яку потрібну мені функцію, яку не міг зробити в чистому CSS та HTML. Це, мабуть, трохи складніше. Мені потрібно , щоб користувач з подвійного клацання <a>, …

9 html  css 

Відображення галереї зображень зображень різного розміру та співвідношення із наступними характеристиками: Немає пробілів (поля) між зображеннями. Поважаючи оригінальне співвідношення максимально. Зображення оточені посиланням. Не-JS рішення. Зображення можна було трохи обрізати. Портативне рішення. Набір зображень, що відображаються, випадковий. Зображення повинні відображатися зліва направо (запобігає використанню стовпців). Я домігся цього за допомогою …

9 css  flexbox  image-gallery 

Я зробив обгортку, в якій я анімував той же ефект, що і Apple на їхній сторінці Airpods Pro . В основному це відео, коли я прокручую відтворення відео потроху. Положення відео виправлено, тому текст добре прокручується по ньому. Однак текст видно лише між зміщенням певного поділу (відображення тексту). Ця частина …

9 javascript  jquery  html  css 

Я створив анімацію карти скарбів, по-перше, вона відобразить шлях у світло-сірому, але, коли анімація починається, я хотів би, щоб світло-сірі штрихи зникли або перетворилися на чорний колір, коли починається анімація заповнення ".road". Я намагаються змусити світло-сірі тире ".ступені" зникнути, коли анімація заливки переходить на цю позицію. svg { position: absolute; …

9 css  svg 

Мені потрібно скласти карусель з 12 предметів, які імітують 3d колесо, що обертається нескінченно. Щоб було зрозуміло, мені потрібно створити саме цей ефект: https://codepen.io/SitePoint/pen/yXWXaw (знайдено тут ) але з цими додатковими функціями (особливо на настільних та мобільних пристроях): слайди повинні слідувати крок за кроком пальцем, тобто слайди повинні рухатися під …

9 javascript  css  carousel  swiper 

У мене є додаток, де я використовую інтерфейс матеріалу та його постачальник тем (використовую JSS). Зараз я включаю fullcalendar-react , який насправді не є повноцінною бібліотекою React - це лише тонка обгортка компонентів React навколо оригінального коду fullcalendar. Тобто, у мене немає доступу до таких речей, як рендеринг, щоб контролювати, …

9 css  reactjs  fullcalendar  jss 

У мене є "сортована" таблиця, де в заголовку поточно відсортованого стовпця відображається значок: Піктограма сортування повинна відображатися в кінці тексту (тобто ми підтримуємо LTR / RTL). Я зараз використовую display:flex. Однак якщо ширина таблиці зменшується і текст заголовка стовпця починає загортатись, я стикаюся з неоднозначними станами, де не зрозуміло, який …

9 html  css  layout  html-table  alignment 

У мене виникають реальні проблеми, намагаючись дозволити вміст бічної панелі / навігації (за допомогою Bootstrap) показувати (бути розширеним) за замовчуванням на робочому столі та закрити за замовчуванням на мобільному телефоні та мати значок, який відображається лише на мобільному пристрої. Я не можу зробити так, щоб це спрацювало. <nav class="menu menu-open" …

9 javascript  html  css  bootstrap-4  responsive-design 

Хоча <meta name="viewport">тег нестандартний, його "поважають більшість мобільних браузерів через фактичне домінування". Недоліком того, що він не є справжнім веб-стандартом, є детальна документація, яка не доступна, як інші стандарти. Робоча група CSS має специфікацію для цього, так це те , що я в основному з використанням в якості авторитетного праці. …

9 css  viewport  meta-tags  meta 

У мене є контейнерний елемент, який містить кілька інших елементів, але залежно від розміру екрана частини з них незрозуміло відрізані на різних ділянках. Ви можете спостерігати за поведінкою на моєму кодовому пісочному посиланні, коли HTML-сторінку налаштовано по ширині (натискаючи та перетягуючи її) Як я можу переконатися, що надається лише основна …

9 javascript  css  reactjs 

Я зашифрував сценарій (за допомогою користувача тут), який дозволяє мені розширити вибраний div і змусити інші діви відповідно поводитись однаково, розтягуючи рівномірно, щоб підходити до залишків місця (крім першого, ширина якого фіксована). А ось картина того, чого я хочу досягти: Для цього я використовую флекс та переходи. Він працює добре, …

9 javascript  jquery  css  flexbox  css-transitions