Using CSS Variables to created a design based on Victor Vasarely's TUZ
HTML-код
- Опубликовано: 21 авг 2024
- In this video we look at a HTML page with a style containing a variable. Within the style we use the var() and calc() methods to work with variable using it to define a style class having a parametrized rotation transform. We use JavaScript to generate two "lattices" of svg circle elements. We duplicate the lattice -- the first time all the circles are assigned to the "clock" class and the second time they are assigned to the "counter" class. The JavaScript setInterval method is used to start a repeating timer. The timer calls a method that changes the style variable used in the transform seen in the style.
www1.lasalle.edu/~blum/c343wks/VV_Tuz.html