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