T ; new layout features
random freebies.
While I was away, a lot of things changed. Literally everything. Even some of my layouts (I had a hard time fixing them, honestly ; A ;). But, the new attributes (or whatever they're called) are awesome o u o. I've never tried them for a layout before, but I researched them when I was bored. So, I know them, but I couldn't use them because I don't know how. I just saw them = u =;.
This chapter will show one of the uses of the following features; border radius, opacity & overflow. If my explanation(?) is somewhat wrong in your perspective, feel free to correct me o u o.
This chapter will show one of the uses of the following features; border radius, opacity & overflow. If my explanation(?) is somewhat wrong in your perspective, feel free to correct me o u o.
The code :
< div style= " width:200px;text-align:center; " >
< div style= " margin-left:100px;height:150px;width:150px;border-radius:100px;border:4px double #333333;opacity:0.7;overflow:hidden; " >
< img alt=" " src=" http://24.media.tumblr.com/6c64ce9f5edfedbadb9698e130b8caa9/tumblr_mf79ezUwl01rvv4qro1_250.gif " style=" height:200px;width:245px;margin-left:-60px; " / >< /div >
< div style= " width:200px;text-align:center; " >
< div style= " margin-left:100px;height:150px;width:150px;border-radius:100px;border:4px double #333333;opacity:0.7;overflow:hidden; " >
< img alt=" " src=" http://24.media.tumblr.com/6c64ce9f5edfedbadb9698e130b8caa9/tumblr_mf79ezUwl01rvv4qro1_250.gif " style=" height:200px;width:245px;margin-left:-60px; " / >< /div >
border radius : is obviously, just from the word itself, makes your border round.
*can be divided into: "border-top-left-radius", "border-top-right-radius", "border-bottom-left-radius", and "border-bottom-right-radius".
opacity : adjusts your pictures opacity / visibility.
*can be used to make semi-transparent images.
*the lower the no. is, the less visible a picture becomes.
overflow : idk what it means, for now.
*possible values : visible, hidden, scroll, auto, no-display, no-content. (I've tried the hidden, scroll, and auto. I haven't tried the others yet, I don't also know if they'll actually work.)
I hope it helped o u o. Even just a bit. And I don't know if AFF now allows other CSS attributes. But I hope they would... Although it's a bit complicated.
*can be divided into: "border-top-left-radius", "border-top-right-radius", "border-bottom-left-radius", and "border-bottom-right-radius".
opacity : adjusts your pictures opacity / visibility.
*can be used to make semi-transparent images.
*the lower the no. is, the less visible a picture becomes.
overflow : idk what it means, for now.
*possible values : visible, hidden, scroll, auto, no-display, no-content. (I've tried the hidden, scroll, and auto. I haven't tried the others yet, I don't also know if they'll actually work.)
I hope it helped o u o. Even just a bit. And I don't know if AFF now allows other CSS attributes. But I hope they would... Although it's a bit complicated.
Comments