Python
Java
PHP
IOS
Android
Nodejs
JavaScript
Html5
Windows
Ubuntu
Linux
矩形中的菱形 HTML 和 CSS3
我想在矩形中制作一颗钻石 我已经用正方形做到了 box width 100px height 100px background orange z index 1 position relative box before position a
html
css
csstransforms
使用 CSS 变换倾斜后应用于位置 div 的边距
可能比 CSS 更多的数学知识 但我正在尝试确定一种在应用 CSS skewY 变换后调整 div 位置的方法 在下面的代码片段中 带有蓝色边框的 div 应用了 3 5 度的倾斜度 我想知道是否有数学方法可以知道倾斜度是多少top应用于蓝
css
Math
csstransforms
CSS3 转换为梯形
我需要使用 div 元素创建一个 CSS3 梯形 为了让我在做什么一目了然 我在下面创建了一个基本视觉效果 绿色是一个普通的矩形 div 而红色代表我需要将 div 更改为的部分 以实现我需要的梯形形状 假设我们正在编辑 trapezoid
css
csstransforms
创建有角度的 CSS3 分隔线 - 100% / 自动高度
我检查了这两个帖子 相邻的 div 带有倾斜的边框 复制 and 具有斜边的形状 响应式 但发布的这些解决方案不会调整为容器的 100 高度 我需要这个 我找不到适合我的场景的解决方案 我正在尝试复制这种行为 区别在于该容器内的文本可以是任
css
SVG
csstransforms
Angle
CSS3 微调器、预加载器
我想用 CSS3 构建一个动画旋转器 它的行为应该像这样 在最后一个状态之后 它应该像第一个状态一样重新开始 我设法使用此处解释的技术创建圆圈 堆栈溢出问题 现在 怎样才能我在所描述的状态之间设置旋转器的动画 我不知道如何为剪辑矩形属性设置
css
cssanimations
csstransforms
cssshapes
如何通过以圆形方式堆叠div来创建棒棒糖形状?
如何以循环方式堆叠 div 其中最后一个 div 应位于第一个 div 下方但倒数第二个 div 上方 用css可以吗 任何帮助将不胜感激 请找到Codepen 给出示例代码片段 div class frame div class loll
css
sass
csstransforms
cssshapes
为什么我的变换会突然恢复?
我试图让我的元素留在原地 转换后 现在 翻译后的位置就是我想要的位置 但随后我的名字又回到了引用中 我是否遗漏了一段代码 或者是否有一段代码使这种快速恢复发生 blockquote font family Open Sans Verdana
html
css
csstransitions
csstransforms
在固定 div 内旋转文本
我正在尝试在页面左侧设置一个固定 div 距离左侧 24px 并从页面顶部延伸到底部 该 div 内将包含导航和标题 我试图将标题旋转 90 度并居中定位到 div 的底部 很难弄清楚这一点 查了很多地方都没有看到类似的例子 我已经用当前的
html
css
csstransforms
内容旋转时调整 div 大小
我不知道我的问题与可能重复的问题有很大不同 然而 可能的重复中的答案不起作用 即使作为答案提供的 jsFiddle 似乎也没有旋转文本 这个帖子的答案实际上解决了我的问题 我试图让 div 在内部文本旋转 90 度时调整大小 现在 即使文本
css
csstransforms
使用纯 CSS 单击时进行 CSS3 转换
我正在尝试将图像 加号 旋转 45 度以创建十字符号 到目前为止 我已经成功地使用下面的代码实现了这一点 但它在悬停时工作 我想让它在单击时旋转 有没有一种简单的方法可以做到这一点使用CSS 我的代码是 CSS img display bl
css
Rotation
csstransforms
对于奇数像素宽度,变换比例无法正确工作
我正在尝试缩放 div 但将内部元素保持在相同的位置 and 相同尺寸 为此 我使用transform scale value 在包装纸上和transform scale 1 value 在内部 div 上 问题是 当我改变比例时 内部 d
html
css
csstransforms
scaletransform
5 张图像,用对角线对称分隔
我浏览互联网并在 Reddit 上偶然发现了这个主题 看到这个可爱的横幅后 我想尝试使用我选择的五个对称图像来模拟类似的东西 这些图像由对角线分隔 就像上图一样 也许还可以尝试在各种图像上添加一些文字 像这样的东西 我尝试使用猫图片在 cs
html
css
csstransforms
为什么“位置:相对”会干扰“变换:比例”?
给定以下标记和样式 div width 300px height 50px border 1px solid black display inline block transition all 1s ease in out backgrou
html
css
cssposition
csstransforms
CSS 将文本旋转 n 度,但不旋转边界框?
我知道 CSStransform rotate属性 以及用于制作有角度的方法div元素 但有一个非常重要的设计元素我无法在任何地方找到解决 如何保持边界框的角度 当我创建有角度的 div 元素时 我使用一个旋转的包装元素n度数 然后是子元素
html
css
csstransforms
跨浏览器 CSS3 关键帧动画 Firefox
我使用 CSS3 和关键帧在播放按钮 这是一个锚标记 上实现了一个简单的 脉动 效果 虽然它在 Chrome 和 Safari 中完美运行 但在 Firefox 中似乎不起作用 有人知道为什么吗 li gt a webkit animati
css
firefox
Animation
csstransforms
cssanimations
如何旋转元素并将其放置在左上角或右上角?
我用文本旋转了一个 div 并想将其放置在左上角 我设法将其放置在顶部 但无法使其与左边缘对齐 我该怎么做呢 credit position absolute background color pink transform rotate 9
html
css
csstransforms
悬停时旋转或旋转图像
我想了解如何制作旋转或旋转图像当它悬停时 我想知道如何模拟该功能CSS关于以下代码 img border radius 50 img src http i imgur com 3DWAbmN jpg 您可以使用 CSS3 过渡rotate
css
Hover
csstransitions
csstransforms
如何防止 Webkit 文本渲染在 CSS 转换期间发生变化
我使用 CSS 转换在 CSS 转换状态之间进行转换 基本上是转换元素的比例 我注意到 当元素转换时 页面上的其余文本 在 Webkit 中 往往会稍微改变其渲染 直到转换完成 Fiddle http jsfiddle net russel
css
webkit
csstransitions
csstransforms
3D CSS 变换,Firefox 中的锯齿状边缘
如同 css 变换 chrome 中的锯齿状边缘 同样的情况也发生在 Firefox 的 3D 变换上 例如 http jsfiddle net 78d8K 5 Firefox 这次 backface visibility没有帮助 任何想法
css
firefox
antialiasing
csstransforms
CSS 转换在 Edge 中不起作用
我陷入了以下问题 On 我创建的这个网站 我有一个位于页面底部的画廊 如果我将鼠标悬停在拇指上 它们会疯狂地飞来飞去 这不是我想要的 它在其他浏览器上的工作方式就像一个魅力 仅 Microsoft Edge 受到影响 有人可以帮助我让图像达
html
css
csstransforms
microsoftedge
«
1
2
3
4
5
6
»