Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 5 years ago.
Improve this question
How can i achieve smooth scrolling over images like the following:
http://axismundi.com/#interior-designers-nyc
this is called parallax effect using images you can achieve this by setting background image attachment fixed like background-attachment: fixed;
you can get idea how to achieve this parallax effect using these links..
http://mrbool.com/how-to-create-parallax-effect-with-css-and-jquery/27274
http://devfloat.net/jquery-parallax-scrolling-tutorials/
https://www.w3schools.com/howto/howto_css_parallax.asp
You should fix your backgruond image by following this code in css.
background-repeat:no-repeat;
background-attachment:fixed;
Related
Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 3 years ago.
Improve this question
write a program to make a circle using 360 divs arranged to make circle using the javascript.
Hint:use absolute position and looping and don't use jquery.
You just have to do is,
Use the following CSS to do this
.div{
border-radius:50%
}
Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 4 years ago.
Improve this question
I am trying to create a website layout similar to the wireframe attached. The dark grey triangles would have background images with text over the top and ideally be responsive.
I have looked at a few options such as transform and css triangles using borders but cant seem to find a solution that works.
Any suggestions would be greatly appreciated.
Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 6 years ago.
Improve this question
On https://www.blueorigin.com/ they have a mouseover effect on the front page with the "Astronaut Experience" and "tech..." boxes that are side by side each other underneath the video.
I am learning how to code websites right now, and working on making one right now with that similar style of effect. How would I be able to implement this? I have some basic javascript knowledge, html, css and using nodejs+express
CSS Transitions on :hover pseudo class that change the background style.
http://www.corelangs.com/css/box/hover.html
Closed. This question needs details or clarity. It is not currently accepting answers.
Want to improve this question? Add details and clarify the problem by editing this post.
Closed 8 years ago.
Improve this question
Can I somehow animate the image on the left in the picture on the right.
need a smooth animation.
I found how to do it without the animation. With CSS
-webkit-filter: brightness(1000%);
Just place one image on ot of another and use fadeOut() like
HTML
<div class="container-with-relative-position">
<img1>
<img2 style="position: absolute;" id="img2">
</div>
JS
$('#img2').fadeOut(1000);
For js function you can use any trigger you want like click,'hover` etc. And html is just a scheme of what you have to do, not the actual code.
Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 8 years ago.
Improve this question
How can I make an image move smoothly when scrolling mouse wheel up and down like in this website
By simply reading through the source of the page on the website you linked do, I found that they use an extension of jQuery for easing elements around the page smoothly: https://github.com/gdsmith/jquery.easing
That depends on mouse scroll event,first control mouse event and then join your iamge gallery with mouse scroll,its very simple just a logic