How do I add CSS styling to an image?

Post reply

❤Follow Topic(3)

0 favourites

6 posts

From the Asset Store

Add Subtitles to your videos!

$5.95 USD

Add SubRip (SRT) subtitles to your videos in Construct 3

dop2000

- RunningRazor
- - Joined 22 Jul, 2018
  - 11 topics • 34 posts
- 1
- 15 Mar, 2019
- Quote
There is an action to set a CSS style on a text input control. I want to set a CSS style to my image which is currently a sprite. Can a text input control be set to an image?
Tagged:

css
- GeorgeZaharia
- - Joined 30 Jun, 2014
  - 63 topics • 2,079 posts
- 1
- 15 Mar, 2019
- Quote
i don't think that is possible, since the sprites are rendered by the canvas element, which makes them not be a html5 object.

here is a similar topic about sprites and css styles topic sprite css

about text input control, if you mean if you can control a sprite by using a text input, is possible, but what are you trying to make, so we can better respond?
Try Construct 3

Develop games in your browser. Powerful, performant & highly capable.
Try Now Construct 3 users don't see these ads
- RunningRazor
- - Joined 22 Jul, 2018
  - 11 topics • 34 posts
- 1
- 17 Mar, 2019
- Quote
Thanks — for replying. You asked what I am trying to achieve. I just wanted to make my images round using border-radius property of CSS. Like shown here w3schools.com/css/css3_images.asp
- GeorgeZaharia
- - Joined 30 Jun, 2014
  - 63 topics • 2,079 posts
- 1
- 17 Mar, 2019
- Quote
In construct we use frames for that, so you have to draw the frame in that shape, or use a effect that does that. im not sure now which effect would do the border part in Construct, but im pretty sure there is one... by this time for sure somebody did it, if not is a official one.

You can also use blending modes and have 2 sprites overlapping each other one being round one being squared the one on top is the round one and then u do blendmode source-a-top i think. and should cut the excess of the bellow sprite.
- RunningRazor
- - Joined 22 Jul, 2018
  - 11 topics • 34 posts
- 1
- 17 Mar, 2019
- Quote
Ok thanks GeorgeZaharia
- GeorgeZaharia
- - Joined 30 Jun, 2014
  - 63 topics • 2,079 posts
- 2
- 17 Mar, 2019
- Quote
no problem.

About the image with css border, i think you could use javascript to create a object similar to html5 using the browser object and executejs command, or you could use a button object remove the text object from it, then use css and customize it and for the image you can load the image as a background image inside the button. not sure if it will work, but you could give it a try :D