Dipscom last won the day on October 27 2017

Dipscom had the most liked content!

Dipscom

Moderators
  • Content count

    1,022
  • Joined

  • Last visited

  • Days Won

    32

Dipscom last won the day on October 27 2017

Dipscom had the most liked content!

Community Reputation

1,601 Superhero

About Dipscom

  • Rank
    Advanced Member

Profile Information

  • Gender
    Not Telling
  • Location
    London

Recent Profile Visitors

6,560 profile views
  1. setting perspective ignores z-Index

    Hummmm. I've got no idea what game is this that you are refering to. I do have a vague impression of what you are trying to achieve. From what you are describing, nothing springs to mind as a way to update the perspective-origin in this scenario. However, what does spring to mind is the question: Are you using the right tool for the job? Would you not benefit from a different setup? Or even a different technique? If you are going to recreate a game and want to use 3D perspective, would you not be better off with a library that's designed for that? You could try having your '#tableContainer' not moving, that would stop you having to change the perspective-origin but that would mean you having now to translate all the children inside it. So, maybe a 3D specialist library?
  2. Tween Multiple Divs on Click

    Hello @krs! Well, I wouldn't claim that as being 'pure css' as you're toggling the classes with jQuery. There are dozens of ways to animating all divs when one is clicked. You could target a specific class they all share, target all divs that are children of another, or any other way you could think of. But taking the example you have given on the previous post, I've made the following, see if that helps:
  3. setting perspective ignores z-Index

    Can you describe what is it that you are trying to achieve and why is it that you need to apply perspective on a bunch of TD's? We kinda have fun banging our heads against a wall of other people's problems.
  4. setting perspective ignores z-Index

    Yes, I'd fiddled with that as well. It did bug me that they could render the page like that but it would struggle when I tried importing 3D models.
  5. setting perspective ignores z-Index

    It used to have all sorts of tools in it. WebGL, Shaders, the kitchen sink... I think a lot of the unused bit were tucked away or are no longer available due to lack of use. I need to get the habit of using their developer edition to dev on as well. There seem to be a ton of extra goodies there for the likes of us.
  6. setting perspective ignores z-Index

    Ohhhhhh, that's news to me. I was aware there was something of the sort in Firefox but not in Chrome. I have moved back to Firefox these days, trying to do most of my developing there and only using the other browsers to bug hunt anomalies. Nice tip, Blake.
  7. setting perspective ignores z-Index

    It's a bit more complicated than that... (And the 9999 alone shouldn't work) First I'd say, read both links @OSUblake has posted, they are crucial. Then, read the docs about perspective: https://developer.mozilla.org/en-US/docs/Web/CSS/perspective https://css-tricks.com/almanac/properties/p/perspective/ The key gotcha is the fact that setting 'perspective' in CSS (in this case GSAP) creates a new stacking-context on the element but visually affects the children. You have a perspective set on the 'td' element of your table, that creates a stacking context on each 'td' element that is independent from each sibling. All children of those 'td' are contained within each context and can't possibly raise higher than it's parent's siblings. Think of each sibling stacking-context as a mini universe in its own, independent and unaware of others. As it pains me to say, it is expected behaviour. I am not sure what is the end result that you are after but, in order to have the blue box on top of all the other green boxes and have some perspective distortion, you need to plan where your stacking context is going to be. Here's a fork of your pen with a hack to make it work. ps (opinion piece): It really is silly to be putting z-indexs on the thousands.... If your stacking context is wrong, it won't make a difference if you have z-index:1 or z-index:3,000,000 - If anything, it's a lot easier to keep track of the z-index if you are in the single digits. If you need more than 10 levels within one context, you might want to re-think your strategy.
  8. Tween Multiple Divs on Click

    Hi @krs, Welcome to the forums! It seems to me you want the ability to toggle tweens. Have a look at this thread here, it should give you the guidance you need: Happy Tweening!
  9. how show tweenmax.js from local if cdn fail?

    Sorry @mrsam I wasn't clear on my point (too early in the day...). I did not mean to specifically use the YepNope library, but to sniff out a response to the call. You can make use of Promise and the Fetch api. Sorry I can't be more specific - I haven't had to sniff out CDN failures myself so, I'm talking on a totally theoretical platform.
  10. Business Green plugins with Angular / NPM

    I should have said that idea of putting on a vendor's folder is just a concept - to not manually put files into node_modules yourself. You need to take in consideration how your build tool and framework compile stuff. In my case I am, usually, working with Brunch.io and VueJs where I know how to setup such 'vendor' folder without breaking the compiling.
  11. how show tweenmax.js from local if cdn fail?

    I'd say the elder technique still holds true.
  12. Hi @olivero, Welcome to the forums! I'm sorry but I cannot reproduce your issue, I'm using Safari 11.02. Does it happen on your browser 100% of the time or is it intermitent?
  13. Oooops ...

    Why does it reminds me of somebody here with a moustache?
  14. Click on screen then slide out

    If I understand correctly, here's the first draft to get you started.
  15. "from" animation wrong behavior

    I'm positive that if you castigate the demo enough it would revert to its original ways.