For circle shadow not blending properly from corners
See original GitHub issueFor the circle, the shadow is not blending properly from corners
const shadowOpt1 = {
width:150,
height:150,
color:"#000",
border:30,
radius:75,
opacity:0.2,
x:0,
y:0,
style:{marginVertical:0,marginHorizontal:40,}
}
And if the border-radius is greater then 50% then getting an unexpected result
const shadowOpt1 = {
width:150,
height:150,
color:"#000",
border:30,
radius:80,
opacity:0.2,
x:0,
y:0,
style:{marginVertical:0,marginHorizontal:40,}
}
Issue Analytics
- State:
- Created 5 years ago
- Reactions:1
- Comments:9
Top Results From Across the Web
Swift - Problems with corner radius and drop shadow
The following Swift 5 / iOS 12 code shows how to set a subclass of UIButton that allows to create instances with rounded...
Read more >Swift Tip: Adding Rounded Corners and Shadows to a UIView
I've been working on an application for a couple of years and received a simple design request: Round the corners on a view...
Read more >[css-backgrounds] The shape of box-shadow should be a ...
I believe that anchoring the geometric adjustment of the shadow shape to the absolute value of corner radii regardless the proportions of the ......
Read more >Corner Radius, Shadows, and Borders in Swift - Advanced Swift
Rounding corners, adding shadows, and drawing borders are a common way to differentiate UI elements and make an iOS application's design ...
Read more >Design Basics in Swift - Rounded Corners and Shadows
I will help you to understand ios circle button, shadow, uiview and uiimageview aspect fit. You will know all about uiimage size, ...
Read more >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
It is those SVG commands: https://github.com/dagatsoin/sproutch/blob/master/src/components/shadow/Shadow.tsx#L193
Still no update on this ? Or any workaround ?