<div>
Do you have some code for us to look at - preferably a link.<br />
<br />
Difficult to diagnose just from an image.
</div>


Do you have some code for us to look at - preferably a link.

Difficult to diagnose just from an image.

<div>
<div class="content wysiwyg-content">
I've been building a React js based site which needs some parallax design. I've tried the basic CSS/SCSS based parallax the following way:<br />
<br />

<pre><code id="code-10-29133030-1">background: url(/image.jpg) fixed;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;</code></pre>
<br />
But that doesn't work on most mobile browsers, not even in Chrome dev tool while at a responsive mode. Not even on Safari responsive mode. Nor on iOS simulators. Need a better parallax using pure CSS/SCSS that will work everywhere. Also would appreciate the help creating something like the following:<br />
<br />
<a href="https://filedb.experts-exchange.com/incoming/2019/01_w04/1410054/magnifying-glass.JPG" target="_blank" title="magnifying glass effect using cSS with parallax (140 KB)"><img alt="magnifying glass effect using cSS with parallax" class="file-block lazyload" style="max-width: 800px;" data-src="https://filedb.experts-exchange.com/incoming/2019/01_w04/800_1410054/magnifying-glass.JPG" /></a><br />
This is where the round object should have the look and feel of a magnifying glass and will work on all devices. I'd really appreciate the help asap. Thanx in advance.
</div>
</div>


magnifying glass effect using cSS with parallax

magnifying-glass.JPG

I've been building a React js based site which needs some parallax design. I've tried the basic CSS/SCSS based parallax the following way:

(CODE)

But that doesn't work on most mobile browsers, not even in Chrome dev tool while at a responsive mode. Not even on Safari responsive mode. Nor on iOS simulators. Need a better parallax using pure CSS/SCSS that will work everywhere. Also would appreciate the help creating something like the following:



This is where the round object should have the look and feel of a magnifying glass and will work on all devices. I'd really appreciate the help asap. Thanx in advance.

Need help with performant parallax code which is pure CSS based and will work on all Mobile devices.

iOS is a mobile operating system developed by Apple; it is a derivative of the Mac OS X desktop operating system, with which it shares many (but not all) common frameworks and other components. These include Cocoa Touch, the Mach/Darwin/XNU kernel and code from the Berkeley Software Distribution (BSD). Each iOS application runs in its own secure sandbox to prevent altering other applications, the operating system, or any other data.

css3

HTML 5

Android is a mobile operating system developed by Google, based on the Linux kernel and designed primarily for touchscreen mobile devices such as smartphones and tablets. Android's user interface is based on direct manipulation, using touch gestures that loosely correspond to real-world actions, such as swiping, tapping and pinching, to manipulate on-screen objects, along with a virtual keyboard for text input. In addition to touchscreen devices, variants of Android are also used on notebooks, game consoles, digital cameras, televisions, automobiles and other electronics. Applications are usually developed in Java programming language using the Android software development kit (SDK), but other development environments are also available, including Delphi, Ruby and Visual Studio (using C++).

Android

Web development includes all aspects of presenting content on intranets and the Internet, including delivery development, protocols, languages and standards, server software, browser clients, databases and multimedia generation.

Web Development

HTML (HyperText Markup Language) is the main markup language for creating web pages and other information to be displayed in a web browser, providing both the structure and content for what is sent from a web server through the use of tags. The current implementation of the HTML specification is HTML5.

HTML

Cascading Style Sheets (CSS) is a language used for describing the look and formatting of a document written in a markup language. Usually used to change web pages and user interfaces written in HTML, it can also be applied to any kind of XML document. CSS is designed primarily to distinguish the content of a document from its presentation.