»border-radius
♔Leviosa Academy ; CLOSED.I've been away for quite awhile but I am back! and AFF has recently added new features and codes for layouts such as;-
- overflow
- border-radius
- opacity
I'll be covering BORDER-RADIUS in this lesson.
(Because OVERFLOWis quite difficult to explain so forgive me, I'm in a bit of a confusion =3= but I will cover it, maybe, next next lesson.)
border-radius; is a code for alternating or smoothing the corners of, well, borders and of course pictures.
Normal Picture ----------------------- Picture with radius code
Code: border-radius: 10px 20px 30px 40px;
(number input goes clockwise: first #px is the top-right. second is top-left, third is bottom-left, and finally last is bottom-right)
How to input:
+ input the chosen picture.
+ click SOURCE and look for the image code.
+ If you see the " width: 200px; height: 280px; " simply put the code next to it ; border-radius: #px #px #px #px; (replace the # with numbers)
Final code: < img alt =" " src = "(imageurl)" style = " width: # px ; height: # px ; border- radius: #px #px #px #px ; " / > p>
READ ME
IF YOU DO NOT UNDERSTAND A POINT OR HAVE A QUESTION YOURSELF,
PLEASE FEEL FREE TO COMMENT BELOW AND I WILL TRY TO HELP YOU.
+ OMG I NEVER BOTHERED TO
Comments