layout_reproduction": {
{
プロンプト本文
text
{
"layout_reproduction": {
"concept": "16:9 Wide - 3D Pop-out Cat Paw Split",
"fix_issues": {
"aspect_ratio_fix": "Changed from 4:3 to 16:9 (Widescreen)",
"prevent_repetition": "Confirmed: Single image split logic active",
"visual_style": "Cat Paw 3D Pop-out, Shadow on Paw Only, No Margins"
},
"container_structure": {
"width": "100%",
"aspect_ratio": "16/9", // CHANGED: Widescreen ratio
"display": "grid",
"grid_template_columns": "1fr 1fr", // Strictly 2 columns
"grid_template_rows": "1fr 1fr", // Strictly 2 rows
"gap": "6px",
"margin": "0",
"padding": "0",
"background_color": "#FFFFFF"
},
"image_assets": {
"base_image": "cat_reaching_16x9.jpg (Must be a 16:9 aspect ratio image)",
"overlay_image": "cat_paw_cutout.png (Transparent background)"
},
"tiles_logic": [
{
"position": "Top-Left",
"css_rules": {
"background_image": "url('cat_reaching_16x9.jpg')",
"background_size": "200% 200%",
"background_position": "0% 0%",
"border_radius": "20px 0 0 0",
"box_shadow": "none"
}
},
{
"position": "Top-Right",
"css_rules": {
"background_image": "url('cat_reaching_16x9.jpg')",
"background_size": "200% 200%",
"background_position": "100% 0%",
"border_radius": "0 20px 0 0",
"box_shadow": "none"
}
},
{
"position": "Bottom-Left",
"css_rules": {
"background_image": "url('cat_reaching_16x9.jpg')",
"background_size": "200% 200%",
"background_position": "0% 100%",
"border_radius": "0 0 0 20px",
"box_shadow": "none"
}
},
{
"position": "Bottom-Right",
"css_rules": {
"background_image": "url('cat_reaching_16x9.jpg')",
"background_size": "200% 200%",
"background_position": "100% 100%",
"border_radius": "0 0 20px 0",
"box_shadow": "none"
}
}
],
"pop_out_element": {
"description": "Cat paw overlay with shadow",
"css_rules": {
"position": "absolute",
"top": "0",
"left": "0",
"width": "100%",
"height": "100%",
"background_image": "url('cat_paw_cutout.png')",
"background_size": "cover",
"z_index": "10",
"pointer_events": "none",
"filter": "drop-shadow(0px 8px 16px rgba(0,0,0,0.4))"
}
}
}
}ソース文脈
投稿メモ
text
飛び出し画像やってみた❸
これはだいぶ力作!!!!!!!出典
- primary post: 2012141339534897639
- published at: 2026-01-16 21:34:13 JST
- archive doc: 2012141339534897639