css-transforms

    2熱度

    1回答

    我想在html/css中渲染一行已轉換的文本,但是我遇到了一些問題。當我縮放Y方向時,元素的整體對齊方式如圖所示。 試圖只需旋轉在相同的錯誤將L 180度的結果。如何在文本的y縮放軸上保持垂直對齊?比方說,我也用小型大寫字母做這個,對你的解決方案有任何改變? 這裏怎麼回事? <style type="text/css" media="screen"> #reflect{

    -4熱度

    3回答

    需要設計一個與Stackoverflow.com標題搜索非常相似的搜索框。即,當放置光標時,它應該展開並顯示按鈕。沒有使用CSS和HTML以外的其他腳本,是否可能?

    0熱度

    2回答

    我有一個絕對的div(需要是絕對)。 絕對div有與背景尺寸設置爲覆蓋(大小蓋必要) 我使用的CSS變換到時懸停在div擴展到小於1的值,背景圖像例如,刻度(0.7) 問題:我希望封面背景圖像在縮小時超出div。 爲什麼我需要它:圖像是透明的,背景大小和背景大小不一樣,所以當在移動設備上瀏覽時,轉換會在div邊緣裁剪圖形並縮放div。 只有CSS解決方案請。 編輯:CSS + js解決方案將做。

    2熱度

    1回答

    我一直在試圖用translateZ隱藏父元素「div2」後面的子元素「list」。它在chrome中運行得非常好,但不是在Firefox上運行。有些人請幫忙。 鏈接到JSFiddle。 translateZ on firefox .list { width: 200px; height: 10px; background-color: yellow; -mo

    2熱度

    1回答

    我試圖使我自己的Flipbook技術沒有使用任何插件總之試圖創造它,直到某一點。我無法弄清楚如何在正在進行的頁面的左側顯示背景的50%以及即將到來的頁面的剩餘50%的背景。 $(document).ready(function() { \t var degrees = 0; $('.book-cover').click(function rotateMe(e) {

    0熱度

    1回答

    我有一個定義了transition屬性的元素。我通過切換課程在兩個州之間進行動畫製作。 但是,在邊緣(40.15063.674.0,EdgeHTML 15.15063)中,如果上一個轉換尚未完成,則轉換不會生成動畫(而是立即改變狀態)。 這是最小的片段。請注意,廣場不應該不連續跳躍。 const div = document.getElementById("div"); setInterva

    0熱度

    1回答

    我有一個網站,其中幾個元素需要動畫(pngs或jpgs),我一直在使用jQuery的動畫或CSS轉換/轉換,讓他們工作,但我想知道如果使用gif會更好地表現明智。使用其中一種方法比另一種有好處嗎?

    2熱度

    3回答

    我有一個ul li a菜單,並且想要傾斜ul li而不是a。 ul li歪斜,但a不會傾斜到正常位置。 header ul li { display: inline-block; background: #f5c207; padding: 10px 20px; margin-left: 10px; transform: skew

    0熱度

    1回答

    我想設置一個主div的圖像,在div上懸停將使附加的圖像放大超過2秒。只有div本身(邊框)纔會縮放,而不是附加的圖像本身。在撰寫本文時,嘗試單獨調整圖像沒有任何作用。這是在Rails 5.1.2中完成的。我錯過了什麼? 的意見/社區/ index.html.erb: <div class="scene"> <div id="container1" class="image-div">

    1熱度

    1回答

    我正在製作4層樓的3D平面佈置圖,並且想要將同一視角應用於所有樓層。事實證明這是一個問題。 由於不相關的原因,我必須在包含實際平面圖圖像的div上放置包裝。該結構是這樣的: <div class="map"> <!-- Has perspective applied --> <div class="floor"> <!-- Wrapper that will not be trans