Inline jQuery misses CSS change event in IE10

The goal is to achieve slow rotation of an image infinitely. So, the trick i thought of using two CSS classes. First class is a base css. Another defines rotation and transform delay. Here are these two: .image_basic { overflow:hidden; } .image_rotate { -webkit-transform:rotate(3600deg); -moz-transform:rotate(3600deg); -ms-transform:rotate(3000deg); -o-transform:rotate(3600deg); transform:rotate(3600deg); -webkit-transition-duration: 400s; -moz-transition-duration: 400s; -ms-transition-duration: 400s; -o-transition-duration: 400s; transition-duration: 400s; transition-timing-function:ease-out ; transition-delay:0.2s; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -ms-transition-property: -moz-transform; -o-transition-property: -o-transform; transition-property: transform; overflow:hidden; } It’s a transform for ten rotation over 400 seconds. This roughly gives you slow rotation indefinitely (assuming 400 seconds ~ 6 mins is enough time to stay…

Read more

3D Full Screen Window and Dynamic XAML Sample with WPF

One nice feature of WPF (Windows Presentation Foundation, .Net 3.0) is the integration of 3D library with the existing framework. Today I worked with Viewport3D class. This class handles it all for managing 3D views. The “Hello World” example I coded here basically demonstrates three features: Loading XAML dynamically at runtime Playing with 3D objects using Viewport3D and make them rotate using mouse. Creating transparent and full-screen windows Let’s drill down to the technical details of above three aspects: Firstly, loading XAML runtime can be achieved using System.Windows.Markup.XamlReader class. The Load function takes a stream object (containing XAML source) and…

Read more