Loading video...
Video Failed to Load
Blockbuster Kotesammm anukunam anna e range high interval chusi PK Creative Works ๐ฅฒ๐ฅฒ
75,217 views โข 7 days ago โขvia X (Twitter)
0 Comments
No comments available
Comments from the original post will appear here
![CSS Tip! ๐คฏ You can create a CSS-only version of this balance slider using a scroll animation on the underlying input[type=range] ๐ ::-webkit-slider-thumb { view-timeline: --thumb inline; } Scroll animation driven by the slider thumb animates a number between the "min" and "max" of the range ๐
@โproperty --value { inherits: true; initial-value: 0; syntax: ' '; } @โkeyframes sync { to { --value: 100; }} Tie that up to the contain animation-range โก๏ธ .control { animation: sync both linear reverse; animation-timeline: --thumb; animation-range: contain; } Hoist the view timeline so all the parts of the control can use it! .control { timeline-scope: --thumb; } Use that value in a counter which is used for the labels. Create a low and a high for each side ๐ .control__label { counter-reset: low var(--value) high calc(100 - var(--value)); } .control__label::before { content: "COFFEE " counter(low) "%"; } .control__label::after { content: counter(high) "% MILK"; } That's the magic of updating the label values โจ For the big track, it's a fake track. You can make use of the same --value property and do some calc() to work out the width of each part. .control__track::before { width: calc(var(--value) * 1% - 0.5rem); background: var(--coffee); border-radius: 4px; transition: width 0.1s; } The width leaves a little gap for the indicator piece ๐ค The color calculation for --coffee isn't too wild but again you can use the same --value .control__track { --coffee: hsl(24 74% calc( 24% + (30% * ((100 - var(--value, 0)) / 100)) / 1 ) / 0.4); } Now for the last piece. Making the track change height. You could set up another custom property and animate its value using the --thumb timeline too ๐ฅ @โproperty --shift { initial-value: 0; inherits: true; syntax: ' '; } @โkeyframes shift { 0%, 31%, 61%, 100% { --shift: 0; } 32%, 60% { --shift: 1; } } Then use that --shift to update the translation of the label and height of the track ๐ค .label { transform: translateY(calc(var(--shift) * 50%)); transition: transform var(--speed) var(--timing); } Cool part here is that you can use the control to work out the @โkeyframes percentages ๐
Oh. And the timing for that little bounce? Use the linear() function ๐ :root { --timing: linear( 0, 0.5007 7.21%, 0.7803 12.29%, 0.8883 14.93%, 0.9724 17.63%, 1.0343 20.44%, 1.0754 23.44%, 1.0898 25.22%, 1.0984 27.11%, 1.1014 29.15%, 1.0989 31.4%, 1.0854 35.23%, 1.0196 48.86%, 1.0043 54.06%, 0.9956 59.6%, 0.9925 68.11%, 1 ); } Should probably do a video on this one. Lots of little custom property tricks for sure! ๐ฏ It's not too far off the range slider with the tooltip that came up previously As always, any questions, let me know! Also, this one only works in Chrome currently โ
๐ฅฒ This one's a bit rocket science ha ๐ CodePen.IO link below! ๐](https://image.24vids.com/tw-1748809599598399792/ext_tw_video_thumb/1748804672406843392/pu/img/xbvSosI5c_q3Oq2B.jpg)
![Michelangelo Buonarroti, (1475-1564) - The Last Judgement - Vatican - Rome Michelangelo di Lodovico Buonarroti Simoni (Italian: March 1475 โ 18 February 1564), known mononymously as Michelangelo (English: หmaษชkษl] was an Italian sculptor, painter, architect, and poet of the High Renaissance. Born in the Republic of Florence, his work was inspired by models from classical antiquity and had a lasting influence on Western art. Michelangelo's creative abilities and mastery in a range of artistic arenas define him as an archetypal Renaissance man, along with his rival and elder contemporary, Leonardo da Vinci. Given the sheer volume of surviving correspondence, sketches, and reminiscences, Michelangelo is one of the best-documented artists of the 16th century. He was lauded by contemporary biographers as the most accomplished artist of his era. Michelangelo achieved fame early. Two of his best-known works, the Pietร and David, were sculpted before the age of 30. Although he did not consider himself a painter, Michelangelo created two of the most influential frescoes in the history of Western art: the scenes from Genesis on the ceiling of the Sistine Chapel in Rome, and The Last Judgment on its altar wall. His design of the Laurentian Library pioneered Mannerist architecture. At the age of 71, he succeeded Antonio da Sangallo the Younger as the architect of St. Peter's Basilica. Michelangelo transformed the plan so that the Western end was finished to his design, as was the dome, with some modification, after his death. Michelangelo was the first Western artist whose biography was published while he was alive. Three biographies were published during his lifetime. One of them, by Giorgio Vasari, proposed that Michelangelo's work transcended that of any artist living or dead, and was "supreme in not one art alone but in all three." In his lifetime, Michelangelo was often called Il Divino ("the divine one"). His contemporaries admired his terribilitร โhis ability to instill a sense of awe in viewers of his art. Attempts by subsequent artists to imitate the expressive physicality of Michelangelo's style contributed to the rise of Mannerism, a short-lived movement in Western art between the High Renaissance and the Baroque. Life Early life, 1475โ1488 Michelangelo was born on 6 March 1475 in Caprese, known today as Caprese Michelangelo, a small town situated in Valtiberina, near Arezzo, Tuscany. For several generations, his family had been small-scale bankers in Florence; but the bank failed, and his father, Ludovico di Leonardo Buonarroti Simoni, briefly took a government post in Caprese, where Michelangelo was born. At the time of Michelangelo's birth, his father was the town's judicial administrator and podestร or local administrator of Chiusi della Verna. Michelangelo's mother was Francesca di Neri del Miniato di Siena. The Buonarrotis claimed to descend from the Countess Matilde di Canossaโa claim that remains unproven, but which Michelangelo believed. Several months after Michelangelo's birth, the family returned to Florence, where he was raised. During his mother's later prolonged illness, and after her death in 1481 (when he was six years old), Michelangelo lived with a nanny and her husband, a stonecutter, in the town of Settignano, where his father owned a marble quarry and a small farm. There he gained his love for marble. As Giorgio Vasari quotes him: If there is some good in me, it is because I was born in the subtle atmosphere of your country of Arezzo. Along with the milk of my nurse I received the knack of handling chisel and hammer, with which I make my figures.](https://image.24vids.com/tw-1859987869609152605/ext_tw_video_thumb/1859984634307629056/pu/img/ownzkVtbwSxpHjw7.jpg)
!["It's not a congressional program. Only the president can say anything about this." ~Semivan Semivan: Congress Doesn't Have the Right or Need-To-Know About a Crash Retrieval Program Thoughts? Grusch decided Congress had a need-to-know, and Congress hadn't been told. "Which I don't think was true." ~Semivan ~~~ Semivan: "Some of the congressmen now that are being briefed (laughs) on it are not very happy because they think they have a right to know this. And I like to point out, I spoke to a couple of the committees and I told them, 'Look, it's not a congressional program. It's an executive program, and it's run by the president and only the president can say anything about this. I can't say anything about it, the president has to come out.'" (Note: Semivan was careful to cover his azz and say these were answers about a, hypothetical, crash retrieval program. Although, from his past comments, I'm pretty sure he knows (or at least believes) it exists. See here: Semivan Blockbuster I know where the legacy programs are located. You should take [Grusch] and everything he says to the bank. It's our inalienable right to know about this. ) ~ Semivan: "It's what Dave Grusch said. Dave Grusch...worked for AARO (He meant the UAPTF) and he went to various intelligence agencies and questioned the people that were actually working on these programs. And they all told them the same thing, the same story. So he takes this back, and he decides Congress has a need-to-know, and Congress hasn't been told. Which I don't think was true. He didn't know that, but he thought the public also had a right to know. And I'm perfectly fine... He did the exact right thing you're supposed to do if you're a government employee if you think there's something going on that's not legal. And he did it the right way. So, I give him a load of credit for that. And then he explains what it was, and then he's briefing some of the congressmen on this. Now the congressmen are upset, saying, 'Well, wait a minute, we're in charge of spending for the government and what have you. We should have the ability to know this.' But what Congress doesn't realize is these programs, you know, they exist at a very, very high classified level. They're Special Access Programs, and I would say, maybe the Gang of Eight, if them, have the clearances to basically know of these programs. And even if they were to be told of the programs, they could never discuss it, nor could they ever debate it, publicly. It's not theirs to do. They would be told, officially, but just, you know, as a professional courtesy that these things are going on. "Don't forget, the CIA works directly for the President of the United States, all right? So if the CIA would be running this program (AFAIK, they are. ~Joe), they just, basically, talk to the president and the president talks to them. And those conversations are not subject to congressional notification, approval or anything else. And when CIA goes to the oversight committees and briefs their programs, the committees can't tell them, 'We don't like what you're doing.' Well, they can say that. But the only thing they can do, they can't stop the programs. All they can do is stop the funding. "So, you know, the intelligence agencies that work directly for the president answer to him and him only, really. They do tell Congress, because Congress does give them money and there is...that's been going on since 1975 now, and it's a great thing to do. And they've been very, very open and honest with Congress, and Congress, I think, has been wonderful about it. As a matter of fact, you know, Congress has, basically, said in some of these programs, 'Holy cow, this is great! Give a round of applause, you need more money, because what you guys are doing [is] great.' The relationship has always been very good. I thought, you know, between them." (But the folks in the intelligence agencies who are aware of the alleged Legacy UAP-related programs, do NOT tell Congress about them. Except, as Semivan said, MAYBE some members of the Gang of Eight. Certainly NOT members of Congress like Rep. Anna Paulina Luna or Rep. Eric Burlison. I think they have zero chance of being read in right now.) Semivan: "But that doesn't mean if the president, like Truman or Eisenhower, issued a presidential executive-action document or something along those lines, where he said, 'This is an extraordinary circumstance. I'm creating this super-secret thing that nobody gets to know about, not even Congress.' That's, basically, his...he can do that. That's in the power, that's in the Constitution. He has that right to do that without acknowledging." (THAT is how these alleged Legacy UAP programs are protected.) Semivan: "Now, has he (a president) done that without telling somebody? Probably there's one or two people in Congress that know about it at any given time. Maybe one or two people in the National Security Council know about it. Most presidents probably got a very generalized briefing on it, you know, saying, 'Yeah, this is real. If you wanna know more, we can tell you more. But, if you know more then you don't have plausible deniability anymore. And/or, you can't do anything about it anyway, because we don't understand it. But if something happens [and] we discover something that's groundbreaking or earth shattering, we'll come back and tell ya.' "So, imagine if you're a President of the United States. Do you really want to know this? Do you really want to have that hanging on your shoulders? I think not. Particularly when you have somebody else doing the job for you."](https://image.24vids.com/tw-1964791704948703671/amplify_video_thumb/1964765866677141504/img/Oc6iqDE9eLvsulqq.jpg)
