Story 92.3. “Blurred out text” block

General info

Implement a Blurred our text block on the Saclab Journal article (Post) such as https://saclab.com/chanel-chevron-or-diamond-quilting/ for the purpose of giving a sneak peak.

User story

As a journalist (author)

I want to give the reader a sneak peak of the journal article/ report, so if they want to read the whole thing, they need to download it or get in touch

Visual design

Figma: https://www.figma.com/file/6KT0tZfJw3u7R8b5pCH8vw/Saclab-Team-Library?type=design&node-id=3967%3A1847&mode=design&t=wyWSdsA7aSqIR2GH-1

Acceptance criteria

01

Given: Article blog page

When: set up block as “blurred paragraph”
Thư Phan what do you think about this? or it has to be automatically for all paragraphs?

Then: see the paragraph in the article with blurred text
The height of the blur effect should be 50% the height of the text while it should have the same width

Screenshot 2024-01-17 at 13.04.27.png

02

This block should have all the functions as the “paragraph” block, only it has a blurred-out effect at the end of the text.

Comments

Leave a Reply