parallax 相关问题

当从不同位置观看时导致物体的位置或方向看起来改变的效果,例如通过取景器和相机的镜头

视差滚动实现

我遵循了有关视差滚动的教程,并提出了以下内容: body {margin:0; } ....

回答 1 投票 0

我是否可以将具有视差图像的div也显示视差图像向上滚动

问题标题可能有点令人困惑,因为我不确定如何正确解释这一点。我有一个预期结果的视频示例:https://bcx-production-attachments-us-west-2.s3-us-west-2.amazonaws ....

回答 1 投票 0

如何使用vuetify在v视差图像上进行渐变?

我有一个简单的 ,在图像上显示了一些标题和按钮标签。用vuetify使渐变或仅使视差变暗的最佳方法是什么?可以完成...

回答 1 投票 0

由于画布而无法单击视差页脚

我正在修改shopify的主题,并且遇到了一个小错误。 (((https://markslights.co.uk/collections/collection-one))如您所见,访问URL时,页脚设置为视差,...

回答 1 投票 0

视差背景的侧面有白色边框

我们正在尝试向我们的网站添加视差背景,但是图像周围有令人讨厌的白色边框(https://imgur.com/a/BGS5QvH)。我们已经尝试了一切,但不知道该怎么办。我们...

回答 1 投票 -1

视差图像上的不透明度

我有一个父div,用于视差img滚动功能。我希望视差图像的不透明度大约是透明的:45%;并且所有内容都应公开:100%;我...

回答 1 投票 1

HTML / CSS-具有视差效果的图像之上的图像

我正在wordpress网站上工作,我正在尝试在英雄图像上添加图像。我需要将徽标放在背景图片的中心。现在是水平中心居中,而不是垂直居中。 ...

回答 1 投票 0

[仅CSS视差对CSS网格布局的元素的影响

我有一个使用CSS网格的布局。它具有不同的块(文本或英雄),并且我想在滚动页面时在块之间引入视差效果。 Codepen:https://codepen.io / ...

回答 1 投票 -1

如何在传递div而不是页面顶部时启动jquery计数?

[我试图弄清楚如何通过下面的脚本在传递周围的容器#box时开始计算不透明度,而不是开始在页面的顶部开始计算不透明度。 ...

回答 1 投票 0

如何一次分别滚动文本和背景图像

我试图在问题的文字中描述我想做什么。我一点也不清楚。希望代码将有助于澄清.. html {背景:url(paradise_duplicate.png)否-...

回答 1 投票 2

parallax-js:使元素自行移动

跟随本教程:https://github.com/wagerfield/parallax/issues/277我尝试制作一些视差,当我的鼠标移动时它可以工作,但我想像在这里的云一样使它自己移动。 ..

回答 1 投票 0

如何在节内重用此视差

我从Codepen https://codepen.io/eehayman/pen/qdGZJr看到了此视差代码 [[[[[[[]] 看看这个,我在3个部分的前后添加了英雄部分 https://codepen.io/vkv88/pen/poJEXOG CHANGES: 在HTML中,您复制选择标记,其内容仅更改文本 在SCSS中,您复制了&:nth-child(3) { background-image: url(https://i.postimg.cc/TY0xQ41T/photo-1433840496881-cbd845929862.jpg); } 3这是英雄的编号,因此,如果您想让10位英雄每次复制10次,则递增该数字 同样在SCSS中,您将$slide-number: 5;更改为所需的英雄数量,在此示例中为5位英雄 。 要首先实现此代码,请在脚本标签中从https://code.jquery.com/jquery-2.1.4.min.js加载jquery也来自https://cdnjs.cloudflare.com/ajax/libs/lodash.js/3.10.1/lodash.min.js 的LoadAsh库 还要安装sass然后运行sass NAME_OF_CSS_FILE index.css然后在您的网页中链接此index.css ps :如果您不想使用scss,请转到codepen的css窗格中的选项,然后选择显示已编译的css ..将该css复制到您的投资组合中 。 也如果您登陆页面/关于另一个页面,我编辑了另一页面的代码https://codepen.io/vkv88/pen/wvagaKV?editors=1100

回答 1 投票 1

我正在制作“视差”效果,但不起作用

我对HTML和CSS有点陌生,正在建立一个网站,但是我似乎无法在我的图像上创建视差效果...图像只是没有显示。您能看到我的(...

回答 1 投票 0

[使用id滚动页面时如何更改菜单的活动类别

我已经完成了具有视差样式的自定义菜单。菜单固定在顶部,并且我想在页面滚动时更改菜单的活动类。我已经通过单击功能完成了操作,因此通过单击菜单...

回答 1 投票 0

将Powerpoint动画重建为Android App

我在Android动画中不是很好,但是到目前为止,我使用Constraint Layout完成了所有工作,并完成了大部分Animations。我最近看了一个有关Powerpoint视差动画的youtube视频,该视频...

回答 1 投票 -1

libGDX中的视差效果抖动

[基本上,我正在使用这个ParallaxCamera类在游戏中创建效果,但是在移动时,图层会“摆动”。当相机缓慢移动时,这一点尤其明显。我已经解决了...

回答 1 投票 0

如何应用于许多元素:仅当父元素在视口中时,JavaScript才会在元素上滚动效果

我有一组100vh的部分,其中包含子图像和文本。我想对文本应用滚动转换,以创建将文本移到图像上方的视差效果。我已经将它用于...

回答 1 投票 1

视差滚动的背景图片不透明度

这可能是一个菜鸟问题,但是我在任何地方都找不到答案。我正在编写一个具有视差背景图像的网站,并希望使所述图像相对于文本来说有点透明...

回答 1 投票 1

视差滚动效果变慢

我编写了一个脚本,该脚本基本上使topper元素的负边距为负,因此它使下面的元素上升,并且使之像滚动一样的视差,我的问题是我写了...

回答 2 投票 2


© www.soinside.com 2019 - 2024. All rights reserved.