Trial Reels

체험 릴스

Test a reel with non-followers before deciding on wider sharing.

···
html
<div class="s-demo"><div class="tr"><div class="tr-reel">TEST<br>REEL</div><div class="tr-step"><small>1</small>NON-FOLLOWERS</div><div class="tr-step"><small>2</small>REVIEW SIGNALS</div><div class="tr-step"><small>3</small>SHARE WIDER</div></div></div>
css
.s-demo{position:absolute;inset:0;display:grid;place-items:center;padding:clamp(8px,3vmin,20px);font:700 clamp(10px,max(2.8vmin,1vw),16px)/1.25 sans-serif;color:var(--fg)}.s-demo *{box-sizing:border-box}@media(min-width:600px){.s-demo>div{transform:scale(1.4)}}.tr{display:flex;align-items:center;gap:clamp(4px,1.4vmin,12px);max-width:94vw}.tr-reel{width:clamp(62px,18vmin,115px);height:clamp(100px,29vmin,180px);display:grid;place-items:center;text-align:center;background:var(--fg);color:var(--bg);font-size:clamp(11px,max(3vmin,1vw),20px);font-weight:900;flex:none}.tr-step{min-width:0;width:clamp(56px,17vmin,118px);padding:clamp(5px,1.7vmin,12px) 3px;text-align:center;border:2px solid var(--line);font-size:clamp(10px,max(1.8vmin,1vw),12px);font-weight:900;animation:trstep 4s infinite}.tr-step:nth-child(3){animation-delay:.2s}.tr-step:nth-child(4){animation-delay:.4s}.tr-step small{display:block;font-size:clamp(14px,4vmin,27px);color:var(--accent)}@keyframes trstep{0%,20%{border-color:var(--line);transform:none}35%,80%{border-color:var(--accent);transform:translateY(-6px)}100%{border-color:var(--line)}}

Trial Reels first shows a reel to non-followers. Meta announced wider availability of the feature in 2025.

The demo moves from trial exposure to response review to wider sharing. Comparing several ideas is more useful than reading one trial in isolation.

Non-follower response need not match follower response. The illustrative demo is not a performance forecast.

When to use

Use it to test a new topic or editing format before wider distribution.

Open as page ↗