Я попробовал много вещей, которые вы можете сделать с CSS свойством "mask". С помощью этого свойства вы сможете наложить маску или обрезать любой элемент. В роли маски может выступать как PNG, так и SVG.
Я связывал маски со свойствами transform и transition и добился крутого эффекта для галереи изображений. Я сделал демо для Chrome и ночных сборок Webkit. Firefox тоже поддерживает свойство mask, но не очень хорошо отображает вращающиеся изображения с масками, поэтому я использовал только префикс -webkit для этого демо.
В школе я ненавидел математику. Мне она казалась надоедливой, сухой и скучной штукой с кучей старых книг, решающих очень теоретические проблемы. Даже хуже, многие задачи повторялись, с простым логическим изменением в каждой итерации (деление чисел, дифференциалы и т.д) Именно поэтому мы и придумали компьютеры. Достаточно сказать, что очень много домашних заданий по математике сделал мой старый верный Commodore 64 и Basic. Мне же оставалось просто скопировать результаты.
Эти инструменты и несколько уроков геометрии вдохновили меня сделать математику интересной для себя. Я сделал это в первую очередь путем создания визуальных эффектов, которые следуют правилам математических правил в демо, заставках и других, казалось бы бессмысленных вещах.
Одна из первых тем, которой учат в учебниках по программированию — это рекурсия. Это довольно сложная для понимания тема, ну то есть для некоторых (для меня например). И почти в 90% учебников рекурсию рассматривают на примере чисел Фибоначчи.
Числа Фибоначчи — это последовательность чисел, в которой каждое следующее число является суммой двух предыдущих чисел. Начинается последовательность с нуля и единицы (ноль иногда опускают). Выглядит это так:
0, 1, 1, 2, 3, 5, 8, 13, 21, 34… и так до бесконечности