cost 44 ms
使一个 div 向左扩展而不是向右扩展 | 成帧器运动和反应 - Make a Div Expand to the Left insteaf of the Right | framer-motion and react

我有一个使用framer-motion和chakra-ui创建的简单过渡。 如果您不熟悉chakra-ui ,那么 flex 只不过是一个display设置为flex的div 。 这是它的样子: 我正在尝试进行完全相同的过渡,只是宽度应该向左而不是向右扩展。 “链接”一词可以出现在图标的任一侧, ...

2022-09-27 22:13:43 0 4
为什么这个 tetx 没有在 x 轴上溢出,即使我有一个固定的宽度和<p tag is set to display: block?< div></p><div id="text_translate"><p> 我需要文本在 X 轴上溢出只是为了重现我在更大项目中遇到的一些问题。 我留下一个简单的片段,所以你可以告诉我我在哪里做错了。 谢谢! </p><p></p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false"><div class="snippet-code"><pre class="snippet-code-css lang-css prettyprint-override"> .article { background-color: rgb(236, 161, 161); width: 20em; }.article p { display: block; }</pre><pre class="snippet-code-html lang-html prettyprint-override"> &lt;article class="article"&gt; &lt;p&gt;Lorem ipsum dolor sit amet consectetur adipisicing elit. Perferendis deleniti iure quidem distinctio officia voluptates similique molestiae culpa? Perferendis, velit maiores nobis maxime aut facere eaque quis voluptas accusamus commodi.&lt;/p&gt; &lt;/article&gt;</pre></div></div><p></p></div> - why is this tetx not overflowing on the x axis even though I have a fixed width and the <p tag is set to display: block?

我需要文本在 X 轴上溢出只是为了重现我在更大项目中遇到的一些问题。 我留下一个简单的片段,所以你可以告诉我我在哪里做错了。 谢谢! .article { background-color: rgb(236, 161, 161); width: 20em; }.article p { displ ...

2022-09-27 22:09:56 1 7
在线性渐变背景下用另一个 div 掩盖一个 div - Masking a div with another div against a linear-gradient background

我正在尝试使用此处显示的左绿色 div 来掩盖/剪辑右白色 div: 请注意,背景是线性渐变的。 这并不像只设置绿色 div 以匹配背景颜色那么简单。 如果我将绿色 div 的背景设置为transparent ,绿色 div 就会完全消失。 有没有办法让绿色 div 与线性渐变背景匹配并用作蒙 ...

2022-09-27 21:54:27 0 6
通过 VScode 上的 php 将数据库连接到我的 html 文件 - Connecting database to my html file via php on VScode

我是一名新开发人员,在数据库方面几乎没有经验,我最近建立了我的第一个网站,该网站是一项服务的预约页面。 但是我不熟悉如何存储填写在网站表单中的客户数据。 很快对数据库进行了一些研究,它让我在 mysqlworkbench 中创建了一个数据库。 I program on VScode, and no ...

2022-09-27 21:27:43 2 19
粘性导航不适用于较小的屏幕尺寸 - Sticky Navigation Not Works Properly For Smaller Screen Size

我目前正在实现 HTML 和 CSS 的设计。 对于响应性,我正在实现媒体查询。 我有一个粘性导航,它变成了一个低于 850 像素屏幕尺寸的下拉菜单。 粘性导航工作正常(使用交叉点观察器实现,当英雄部分不在视线范围内时触发)。 但是,对于较小的屏幕,当我将其更改为下拉菜单时,它会在第三部分触发,甚至 ...

2022-09-27 21:05:19 0 8
弯曲的文字(+动画) - Curved text (+animation)

我试图在我的网站的角落有一个横幅,在响应式 div 中带有弯曲和动画(无限横幅样式)文本。 像这样的东西: 我是编程新手,也尝试过根据其他人的示例使用.svg 进行编程,但运气不佳。 Photoshop 中的原始曲线是“Arc Upper”(+47%) 非常感谢任何帮助! 一个 ...

2022-09-27 20:47:58 0 17
背景/英雄视频未调整大小 - Background/Hero video not resizing

我正在尝试创建一个以视频为背景的页面。 我已经尝试过多次尝试来实现这一点,但无论我做什么,视频总是看起来像图片一样。 它根本不会调整大小。 有问题的图片 body { margin: 0; }.hero-section { position: relative; height: 85vh; widt ...

2022-09-27 20:13:23 1 19
JS 内容生成问题 - JS Content Generation Prolem

简介(种类:)) 首先,我为一份咖啡生成 5个咖啡豆。 咖啡 class 具有属性强度,我想将&gt; 强度的咖啡豆变灰(如下图所示)。 我的 CoffeeMachine Class(简化版): 我的咖啡 Class(简体): 咖啡将被推送到咖啡机的购物车列表中,如下所示: 启动咖啡 咖啡机cla ...

2022-09-27 20:10:57 1 20
如何更改图像 position - How to change image position

我需要一些帮助,我目前正在尝试按照我正在观看的教程使用 HTML 制作投资组合。 我使用 undraw 添加图像但不幸的是,图像卡在右侧SVG 图像卡在右侧我想把图像放在我的图标下面,但不知道该怎么做,我的 CSS 代码如下所示: @import url('https://fonts.googl ...

2022-09-27 20:09:11 1 30
在不损失质量的情况下缩小图像 - Shrinking images without losing quality

所以我尝试重建 Twitter 推文栏,一切都很好 - 但是,推文栏旁边的小图片(这是你在 Twitter 上的个人资料图片,如果你感兴趣的话)质量非常差。 但是在 Twitter 网站上,质量仍然很好(无论图像多么小)。 目标/问题:我怎样才能让一个小图像保持并保持良好的质量? 这是我的 CSS ...

2022-09-27 20:04:50 0 24

 
粤ICP备18138465号  © 2020-2022 STACKOOM.COM