decent blur on profile circle
This commit is contained in:
@@ -142,19 +142,27 @@ struct InnerCircleView: View {
|
|||||||
ForEach(0..<Self.numberOfItems) { value in
|
ForEach(0..<Self.numberOfItems) { value in
|
||||||
GeometryReader {gridProxy in
|
GeometryReader {gridProxy in
|
||||||
let scale = getScale(proxy: gridProxy, itemNumber: value)
|
let scale = getScale(proxy: gridProxy, itemNumber: value)
|
||||||
Image("Artboards_Diversity_Avatars_by_Netguru-\(value + 1)")
|
|
||||||
.resizable()
|
ZStack {
|
||||||
.scaledToFit()
|
Circle()
|
||||||
.background(Color.white.opacity(0.4))
|
.foregroundColor(Color.white.opacity(0.4))
|
||||||
.cornerRadius(100)
|
.blur(radius: 8)
|
||||||
.shadow(color: Color.black.opacity(0.2), radius: 10, x: 0, y: 20)
|
|
||||||
.scaleEffect(scale)
|
.cornerRadius(100)
|
||||||
.offset(
|
|
||||||
x: honeycombOffSetX(value),
|
Image("Artboards_Diversity_Avatars_by_Netguru-\(value + 1)")
|
||||||
y: 0
|
.resizable()
|
||||||
)
|
.scaledToFit()
|
||||||
.padding(scale * 5)
|
.shadow(color: Color.black.opacity(0.2), radius: 10, x: 0, y: 20)
|
||||||
|
}
|
||||||
|
.scaleEffect(scale)
|
||||||
|
.padding(scale * 5)
|
||||||
|
|
||||||
} // geometry reader
|
} // geometry reader
|
||||||
|
.offset(
|
||||||
|
x: honeycombOffSetX(value),
|
||||||
|
y: 0
|
||||||
|
)
|
||||||
.id(value) // id for scrollviewreader
|
.id(value) // id for scrollviewreader
|
||||||
.frame(height: Self.size)
|
.frame(height: Self.size)
|
||||||
.onTapGesture {
|
.onTapGesture {
|
||||||
|
|||||||
Reference in New Issue
Block a user