heart.onTap (event, layer) -> = "#FF7744"Ībove, we are changing the color using the CSS fill property.
#Html framer update#
Once we’ve included the icon, we’ll switch to code, where we can add a simple event that will update the heart’s color on tap. Unfortunately, only the Material Design icon set is included in this panel at this time, but I would expect iOS icons to be added very soon (as well as a way to manage your own icon set!) Rather than just viewing the icon as an ambiguous rectangle, Framer can look within an SVG to target relevant elements. Instead of only knowing the discrete color of every pixel, we have information around individual layer contents and hierarchy. When we use SVG rather than pixel-based graphics, we have a much better idea of what our image consists of. In the context of our workflow, SVG is capable of preserving the same level of editability and control that we’ve come to expect from layers created in Design. If you’re not familiar, Peter Nowell’s “ How Designers Should Think About SVG” is an excellent place to start. The case for SVGĮnter SVG (for Scalable Vector Graphics), a graphics format based on vector definitions.
If we want our entire prototype to be as responsive and crisp as what we’ve created in Design, we want to move away from pixel-based graphics, making this workflow problematic. We still have the ability to import from another graphics tool, but Framer accomplishes this by importing the relevant layers as pixel-based PNGs.
0 kommentar(er)
