Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Draggable mask #302

Open
americomiyasiro opened this issue Jun 7, 2018 · 0 comments
Open

Draggable mask #302

americomiyasiro opened this issue Jun 7, 2018 · 0 comments

Comments

@americomiyasiro
Copy link

Hi!
I'm trying to use the touch-punch in a project for desktop and mobile. I changed the sample code you provide but I have an issue: I'm trying to make the draggable item as a mask. On the desktop it works when I edit the CSS using a background image fixed. But when I'm on mobile, the background moves with the draggable item, ignoring the css:
#draggable {
position: absolute;
top: 40px;
left: 250px;
width: 250px;
height: 250px;
border: 1px #333 solid;
border-radius: 125px;
color: #fff;
font-size: 12px;
font-family: sans-serif;
background-image:url(images/capa-livro-geografia-daltonico.jpg);
background-size: auto;
background-attachment: fixed;
background-repeat: no-repeat;
background-position: center;
}
Is there any css tip that I can't see or the touch-punch cannot be used as a mask?

Thanks!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant