Почему не работает transform?
Во первых у вас ranslate ( не хватает буквы t).
Во вторых у вас в условии if указано действие в виде присвоения элементу transform: translate(100px).
Эта строчка:f ($('.ppp').css('transform', 'translate(100px)') )
Добавляет стили.
В третьих лучше добавляйте css класс к элементу, а не стили напрямую, это более правильно.
Соглашусь с Андреем, лучше добавлять именно классы. А в классах не забудьте дописать префиксы!