Webkit-based blurry/distorted text post-animation via translate3d

by

None of these seem to have worked for me but I’ve found a slightly dirty solution which seemed to do the trick:

top: 49.9%;
left: 49.9%;
-webkit-transform: translate(-50.1%, -50.1%);
transform: translate(-50.1%, -50.1%);

More Related Contents:

  1. How do I re-trigger a WebKit CSS animation via JavaScript?
  2. Set Webkit Keyframes Values Using Javascript Variable
  3. How to use CSS (and JavaScript?) to create a blurred, “frosted” background?
  4. HTML book-like pagination
  5. programmatically changing webkit-transformation values in animation rules
  6. Webkit and jQuery draggable jumping
  7. webkit-transform overwrites z-index ordering in Chrome 13
  8. Freeze Header until Irrelevant (HTML, CSS and JS)
  9. Close ad to continue as free user?
  10. How to add a black shadow on top of a div block with background image?
  11. How to generate a simple popup using jQuery
  12. How to get a style attribute from a CSS class by javascript/jQuery?
  13. HTML selected option background-color CSS style
  14. How to create a sticky navigation bar that becomes fixed to the top after scrolling
  15. Access CSS variable from javascript [duplicate]
  16. Force “landscape” orientation mode
  17. Use :hover to modify the css of another class?
  18. width/height after transform
  19. modify a css rule object with javascript [duplicate]
  20. Convert Text to Image using javascript [closed]
  21. “pointer-events: none” does not work in IE9 and IE10
  22. Using CSS3 Animations in IE9+
  23. How to make jQuery to not round value returned by .width()?
  24. Dark mode flickers a white background for a millisecond on reload
  25. Preloading @font-face fonts?
  26. collapse and expand tabs jquery / simple accordion
  27. How to trigger CSS “hover state” using Javascript? [duplicate]
  28. Gaussian Blur onHover Using jQuery
  29. Add CSS styled marker to google maps
  30. using javascript to mark a link as visited

Leave a Comment