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

Я оглянувся навколо, але не можу повністю знайти те, що шукаю. Наразі на моїй сторінці є анімація css, яка ініціюється: hover. Я хотів би, щоб це змінилося на "клацання" або "торкання", коли розмір сторінки перевищує ширину 700 пікселів за допомогою медіа-запитів. Ось що я маю на даний момент: http://jsfiddle.net/danieljoseph/3p6Kz/ Як …

84 css  css-animations 

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

84 html  image  css 

Я хотів би змінити спосіб відображення списку різних опцій мого даталіста. Чи можна застосувати на ньому деякі властивості CSS? <input list="languages" id="language_id"> <datalist id="languages"> <option value="html">HTML</option> <option value="java">Java</option> <option value="perl">Perl</option> <option value="php">PHP</option> <option value="ruby-on-rails">Ruby on Rails</option> </datalist> я намагався option { background: red; } але це, здається, не працює.

84 css  html  option  html-datalist 

У новому старому адаптивному веб-дизайні Саймона Коллісона , у CSS, є кілька таких заяв: @-moz-document url-prefix() { .fl { float:left; margin:12px 4px 0 0; padding:0; font-size:65px; line-height:62%; color:#ba1820; } .fs { float:left; margin:12px 4px 10px 0; padding:0; font-size:65px; line-height:62%; color:#ba1820; } } Що це насправді робить? Я погуглив @ -moz-document …

84 css  firefox  browser 

Я розумію , що всі елементи стилю Bootstrap повинні існувати всередині <div class="container">елемента. Але іноді я бачу приклади Bootstrap, де є кілька "контейнерів": <div class="container"> <!-- Blah, GUI stuff, blah --> </div> ... <div class="container"> <!-- Blah, more GUI stuff, blah --> </div> Мої запитання: Коли вам коли-небудь знадобиться одна …

84 css  twitter-bootstrap 

Завантажувальний код twitter має багато властивостей CSS з !defaultкінцем. Напр p { color: white !default; } Що робить !default? ОНОВЛЕННЯ Шкода, що не зрозуміла. Я використовую частину SASS Bootstrap.

84 css  twitter-bootstrap  sass 

Я щойно дізнався, як приховати смугу прокрутки в Google Chrome, я зробив це за допомогою цього коду: ::-webkit-scrollbar { display: none; } Єдина проблема полягає в тому, що це не працює у Firefox. Спробував багато способів зробити це, але все одно це не працює.

84 css  firefox 

Як справи min-contentmax-content обчислюються значення та значення в CSS? А що означає внутрішній вимір?

84 css 

Я створював <div>тег, в якому я хотів застосувати два класи для <div>тегу, який був би галереєю ескізів. Один клас за позицію, а інший клас за стиль. Таким чином я міг застосувати стиль, у мене були якісь дивні результати, які поставили мене під питання. Чи можна призначити <div>тегу два класи ? …

84 class  css  html 

У мене є CSS-анімація для div, який ковзає через заданий проміжок часу. Я хотів би, щоб декілька div заповнили простір анімованого div, який ковзає, і потім він висуне ці елементи вниз по сторінці. Коли я спробую це спочатку div, який ковзає, все одно займає місце, навіть коли його не видно. …

84 css  css-transitions  animate.css 

Це сайт iphone: http://www.thevisionairegroup.com/projects/accessorizer/site/ Після натискання кнопки "грати зараз" ви потрапите в гру. Пістолети будуть прокручуватися. Ви можете прокручувати гаманець та аксесуари вгору та вниз. Ви бачите, що коли ви відпускаєте, вони закріплюються на своєму місці. Подібно до того, як відбувається це замикання, виникає мерехтіння. Єдиною анімацією, яку я використовую, …

83 iphone  css  animation  webkit  flicker 

Здається, моє InfoWindow, коли ви натискаєте на піктограму головного на моїх Google Maps v3, не має належного автоматичного розміру до вмісту InfoWindow. Він дає смуги прокрутки, коли не повинен. Інформаційне вікно повинно мати належний автоматичний розмір. Будь-які ідеї чому? За запитом, відповідний JavaScript, який вводить HTML для InfoWindow: listing = …

83 javascript  html  css  google-maps 

Я працюю над анімованим серцем лише із CSS. Я хочу, щоб він пульсував 2 рази, зробив невелику перерву, а потім повторив ще раз. Що я маю зараз: small ==> big ==> small ==> repeat animation До чого я йду: small ==> big ==> small ==> big ==> small ==> pause …

83 html  css  animation 

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

83 css  pixels  screen-resolution  resolution-independence 

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

83 html  css