Instagram copied Snapchat, so ScriptEd is going to copy Instagram.
Help make ScriptEdGram, by creating a conditional statement, using if
, else if
, and else
.
We’re going to define four filters. The user types in the name of a filter to apply it.
Each filter is defined by a particular value for the CSS filter
property.
- Harlem: Right now, this is applied no matter what the user types. Change it so that it’s only applied if the user types “Harlem”. The CSS filter is
contrast(115%) brightness(120%)
- Bushwick: The CSS for this filter is
contrast(50%) brightness(180%)
- SOMA: The CSS for this filter is
grayscale(50%) hue-rotate(10deg)
- Sunset: The CSS for this filter is
contrast(115%) hue-rotate(-10deg) saturate(180%)
Make up your own filters! Check out the CSS Tricks article on CSS filter
for inspiration.
Create another input, where you can put a number, and it will change the size of the image.