: What are the icons used in the Study Room website? I want to understand how the icons used in Study room' whiteboard were inserted. To see what I mean, navigate to the site, click Create
I want to understand how the icons used in Study room' whiteboard were inserted.
To see what I mean, navigate to the site, click Create button and then Join button on the animation. If you observe closely the tip of the brush, pen etc changes based on the color selected:
From the google developer kit, I don't see any background picture at the place of icon but can see some junk character. Can anyone throw some light on what type of icons are used and how to design those?
More posts by @Merenda852
1 Comments
Sorted by latest first Latest Oldest Best
If you go it iconmoon, you can follow their tutorial and get yourself whatever icons you want. The junk character is a character using iconmoon font. if you look at the rule .icon-font{} in dev tools (on your screenshot) you'll see font-family: 'iconmoon'; This way you can control the behavior of that div a little easier with just css and text, no images are involved.
It will work in just about all browsers, (ie7,8,9,10, ff, chrome), and you can base64 encode it as well (if you want just a couple characters) and drop into the style sheet.
Terms of Use Create Support ticket Your support tickets Stock Market News! © vmapp.org2024 All Rights reserved.