France were successful with all their penalties as they advance to a last-four showdown with Spain, while Portugal’s Joao Felix was the only player to miss, sending his team’s third kick against the post.
It was overdue success in a shoot-out for France after they lost the 2022 World Cup final on penalties to Argentina and went out of the last Euros three years ago in the same way, against Switzerland in the last 16.
They also lost on penalties in the last major tournament in Germany, going down to Italy in the final of the 2006 World Cup.
Mbappe, who missed the crucial kick against the Swiss, was already off the pitch by the time this shoot-out came around, having been replaced by Bradley Barcola midway through extra time.
Barcola, Ousmane Dembele, Youssouf Fofana and Jules Kounde also scored from the spot for France.
"I am proud of my players. Even if we are not doing everything perfectly we don’t give up," said France coach Didier Deschamps.
"Once again we are in the semi-finals. I will savour this a little even if we have another game coming up."
Mbappe endured a frustrating evening as he continues to search for his best form in the competition but appears inhibited while wearing a mask to protect the nose he broke against Austria in France’s opening game.
At least he will get another chance to star in the semi-final, while Ronaldo, at 39, appears to have played at a Euros for the last time.
This has been his sixth European Championship, but he failed to add to his tournament record tally of 14 goals in Germany after misfiring in all of Portugal’s five matches.
He scored his penalty, Portugal’s first, but Roberto Martinez’s team go out having failed to find the net in over six hours of football.
They beat Slovenia on penalties in the last 16 after a goalless draw, but this time fell short in what was a disappointing game in Hamburg.
"In the same way that it was maybe cruel for Slovenia in the last 16, today it was cruel for us. That’s football," Bernardo Silva told CNN.
Neither of these teams had played anywhere close to their potential in their previous games at the tournament, but especially France, who have got this far without any of their players scoring a goal in open play.
HOSTS GERMANY OUT
Luis de la Fuente’s Spain triumphed over Germany 2-1 in an engrossing match between the two best-performing teams at the tournament, thanks to Mikel Merino heading home Dani Olmo’s cross just as the match looked destined for a penalty shoot-out.
"This is a winning horse... I’m proud to coach players like this, players that are insatiable," said De la Fuente.
It was a tough end to the tournament for Germany, who pushed Spain all the way and took the match to extra time with Florian Wirtz’s 89th-minute strike which levelled Olmo’s opener for La Roja.
"We played a good tournament but when you’re so close, to be eliminated like that, it’s bitter," said Toni Kroos after his final Germany match.
Spain now will be favourites to claim a record-breaking fourth European crown after their seventh straight win inspired by Olmo, who replaced injured Pedri after just eight minutes following a clash between the Barcelona midfielder and Kroos.
TURKEY BAN
Turkey’s government blasted as "unfair and biased" Demiral’s ban, which means he misses Saturday’s last-eight clash with the Netherlands and that his Euros campaign is over unless Vincenzo Montella’s team reach the final.
Demiral was the unlikely hero with a brace in Turkey’s 2-1 win over Austria in the last 16 and during celebrations for his second goal made a gesture associated with Turkish right-wing extremist group Grey Wolves.
UEFA banned Demiral for, among other things, "violating the basic rules of decent conduct", a move which Turkey’s Sports Minister Osman Askin Bak claimed was politically motivated and Montella said was based on a "misunderstanding".
"It wasn’t a political gesture as it was interpreted," insisted Montella, who added that the wolf gesture is a "symbol of the Turks".
Turkey will have a vociferous backing in Berlin for a match which will be attended by the country’s President Recep Tayyip Erdogan, who claimed Demiral was just "showing his excitement".
BELLINGHAM CLEARED FOR LIONS
England will have Jude Bellingham available for their quarter-final with Switzerland after he was handed a reprieve by UEFA for his crotch-grabbing celebration after keeping the Three Lions in the competition in the last 16.
Bellingham, who has scored twice in Germany, was filmed mimicking the gesture while apparently looking towards Slovakia’s bench following his stunning stoppage-time overhead kick which took that match to extra time.
Coach Gareth Southgate called UEFA’s ruling, which allows him to select his star player, a "common sense" decision.
"I think there was no intent in the gesture towards anybody other than the communication he has with his family," claimed Southgate.
A win over the Swiss, who dumped out Italy in the last 16, would set up a semi-final with Turkey or the Dutch as England look to break a 58-year major tournament duck.